I'm finishing the theme development for Open Journal System. But I have encountered some troubles. The core's template functionality doesn't support template overrides. So in order to support dependencies after system updates I should adapt to native core template handling without any core modifications.
The theme is hosted here:
https://www3.mruni.eu/ojs/sustainable-development-strategy
To practical part:
I'm using the Twitter Bootstrap 3 and I would like to make all pages responsive and mobile friendly.
1). All images with JS receives 'img-responsive' class.
But the Firefox doesn't resize properly the images from lower corner of right sidebar.
With Chrome - everything is OK
2). The most problematic part. As I resize the browser's window the horizontal scrollbar appears.
I can't fix those problems so waiting for some help
3). If you have some advice how to make it more mobile friendly - I will appreciate it
Related
I have a website that is using the slider revolution plugin to run an HTML5 video in the background of the hero (no sound) and it works fine on desktop. I'm trying to make it work on mobile as well, and I know there was a previously referenced code here that makes this work, however I'm not sure of how to implement this using the plugin.
Nothing yet, I tried looking up previous threads with this topic but none were geared towards WP
I'm in the process of adding Google CAPTCHAs to 3 different Gravity Forms on a Wordpress website. I've integrated everything successfully and all appears to be working, but I am running into problems overriding Google's CSS in order to customize the CAPTCHA appearance. This is particularly problematic when it comes to sizing, as the CAPTCHAs aren't mobile responsive and in one instance it spills over my sidebar and into the site content (which I've removed for now, while troubleshooting).
Any guidance you can offer about how to go about changing the style/size of the CAPTCHA would be much appreciated!
I'm working on a Wordpress website which is completely made out of Visual Composer.
On one page I must use parallax effect which includes 4 different
sliders with one slide (I'm using it that way as the template that I've imported is looking the same as my client want).
But the thing is, parallax effect is so laggy and totally ruining the
looks. On example, the slider looks normally but when I change slider
layers than it becomes laggy. Any thoughts how to fix this?
Thx
Make sure you use the correct picture dimensions (... px x ... px)
I also compress my images before uploading it to my Wordpress website (kraken.io has a good free online tool for this)
I use W3 Total Cache (or WP Super Cache) to speed up my websites. (Don't forget to exclude the revslider in the minify js: wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=4.6.92 => number depends on you'r version or revolution slider)
There are a lot of other things to keep in mind (version Wordpress, other plugins, hosting, ...)
I am using bootstrap theme for webmin, It is working fine with chrome but when I moved to Firefox the webmin pages are displaying on half of screen, what might be the problem.
suggest me the changes.enter image description here
I'm the developer and author of Authentic Theme for Webmin/Usermin/Virtualmin/Cloudmin.
My theme actually works fine in Firefox as well. You are welcome to try it.
Authentic Theme
Webmin/Usermin/Virtualmin/Cloudmin theme based on Bootstrap and Font Awesome hat is made with love. It uses CodeMirror to highlight config files and show line numbers, when editing manually and DataTables to add advanced interaction controls to modules' tables. Theme runs using latest releases of dependent software (mentioned above), supporting all in-built modules (even ancient ones) and third-party modules, including ConfigServer Security & Firewall.
Features
Autocomplete that lets you very quickly and effectively navigate through items in left menu, items of currently opened module in Webmin, items for currently selected domain and list of all available virtual domains/machines in Virtualmin/Cloudmin module
Hotkeys for quicker access/control. Alt+S for focusing on search field; Alt+R for refreshing currently opened module; Alt+W switching to Webmin; Alt+V switching to Virtualmin; Alt+C switching to Cloudmin and double Shift to prematurely dismiss right page loader
Extended support for ConfigServer Security & Firewall, with integrated search and filter features
Code highlight with line numbers, when editing configuration files manually
Ability to embed custom logo, styles and scripts
Unprecedentedly convenient and complete navigation, with no difference among desktop/mobile versions
Dismissable page loader
Basic screen-saver effect, after 2 minutes of inactivity
Video Screencast
http://www.youtube.com/watch?v=f_oy3qX2GXo
I have an Xpages app and I want to surface some pages from that app into my iPhone App. I want the Xpages pages to look like iOS7 so the users have the same experience in the app and don't know they are not in a native app.
IBM has not updated their mobile CSS yet.
But there is some CSS that goes a long way to fixing this:
http://redpilldevelopment.com/xpages-mobile-controls-ios7-theme/
I was able to make script library in my app and then I was able to get the CSS into a page, all using the instructions on the site.
What I don't get is how to make my app use the css theme? When I view the page on my iPhone some of the page is rendered like ios7, but much is not. Do I have to match up each individual element on the page to the class in the custom css?
It depends on your page I guess. Not every control has a "mobile renderer". DataView does for instance but viewPanel does not. So that could be why you're seeing it fine for some things but not others.
I believe in 9.01 with the latest extension pack it's easier to override the mobile them. It had been pretty difficult before. I think that's why your linked article mentions that the iOS7 theme can't be in the Head tag.
You might need to override styles for anything that doesn't look like iOS7.