I am creating a custom theme, made all the static html/css and now I am converting it to PHP for wp.
I don't know what I changed, but now whenever I make a change and reload, I cannot scroll down. There are no posts, this is not a blog, but the whole front page doesn't fit on the screen.
I turned on debugging and got a few errors I expected from plugins, but those plugins were active before when scroll was working. I am not using any javascript or jquery.
There is no scroll bar, and scrolling does not work (safari/chrome/firefox) but on my wife's PC in chrome it does work.
No ideas, please help!!
Figured it out
At the top of my stylesheet under html and body styles, I had
img { max-width: 100%; overflow: hidden; }
That line works ok with a static site, just not the php generated wp site.
Related
I have a blog to build and I am using the "ample blog theme" in WordPress. The website should be non responsive. The mobile version should look the same as the desktop version. I have removed . It did not work. I have replaced the "content="width=device-width" to "content=width=1024". It did not work. I have replaced the media queries in the bootstrap.min.css to 200px. That did not work. I am asking what else to try. The theme I am using is "Ample Blog". I was told by the theme support to remove the bootstrap CSS, but when I did everything become stacked in desktop mode.
Check the source code in the browser to see if the device width meta is being reinserted by a plugin via javascript or php method.
If yes, try disabling individual third party plugins and check each time.
Another option is to set the main wrapper width to an absolute width and use !important example
.mainwrapper {width: 1200px !important; min-width: 1200px !important;}
l was using a theme that used pagination to show other pages but after a while l decided to install a plugin called ajax load more. l have been trying to revert to the original pagination style navigation by deactivating the ajax load more plugin and removing any files related to the plugin but the page does not style the navigation properly
This is the page on my website.
https://www.myhomeetal.com/product-category/audiocube/
This is the demo page
https://demo.wpthemego.com/themes/sw_revo/product-category/fashion/
l have deactivate all plugins except woocommerce which is the plugin in charge of this plugin and tried switching between the child theme and main theme.Please the client will kill me if l dont fix it. Kindly help.
I can see an extra cart icon right after the 'Call Us' section. Try removing it.
From the theme customizer or theme options set up all the fonts properly.
.primary-menu .menu-title, .vertical_megamenu .menu-title {
font-family: Open Sans !important;
}
This snippet is not getting renderd on your installtion
I have 2 pages for my site. One a forum, another is my homepage. I have the homepage all setup, but the forum will require a bit of modification to the nav bar. I have the nav bar from the homepage mirrored to the forum so that the styles match nicely, but I made the forum wider because the forum needs more space for content and tables. I have tried numerous times to do this, to no avail.
Since the forum is not a static page, I have put the homepage on JSBin instead. They both use the same exact nav bar. This is Bootstrap 3, by the way.
Here is what I want it to look like (sorry for not embedding in post, need 10 rep): http://i.imgur.com/dlXaOZ8.png
Here is the JSBin: http://jsbin.com/fexowifica/1/
I just need to know how to make that extend out wider like seen in the image, but it won't actually be applied to the homepage nav bar, it will be applied to the forum nav bar that is seen in the image.
Thanks!
just update your css
CSS
#media screen and (min-width:768px){
.container{
width:100%;
}
I have a serious problem with the Magento 1.9 new theme (RWD) on mobile media only and wondered if anyone might be able to shed any light please, if I'm honest, I'm not even sure where to start troubleshooting this one.
If you view the product detail page on a mobile phone (or on Chrome emulation mode).
http://magento19.my.phpcloud.com/index.php/tori-tank-581.html
Click on one of the alternative product images and then try and scroll down on the page, you can't it is completely stuck, it will only allow you to scroll if you use the white space either side, or below the image.
I'd be massively grateful for any ideas?
Thanks in advance
Check to see if you made any CSS changes to overflow visibility... We had a small gutter on the right in our rwd templates. We "fixed" this by making a css change to the overflow. This simple change caused the no-scroll/jerky-scroll that made the page look partially rendered.
Try to add this in _catalog-product.scss:
#include bp(max-width, $bp-medium) {
.product-img-box {
.product-image {
pointer-events: none;
}
}
.zoomContainer {
pointer-events: none;
}
}
This one helped me.
In my blog, the text that says "Older posts" is written in gray, and very invisible. I would like to change its style.
I can do that through the php files, but then, every time I update the theme, I'll have to redo that. So I need a way to do it in a way that makes it independent of updates.
Thank you for any efforts.
You can install the plugin http://wordpress.org/plugins/my-custom-css/
And Add the CSS code for the pagination.
If you have google chrome just right click over the Older Posts Inspect Element
See the CSS class used by it and add the CSS code for that class in the Plugin after installation.
You should be able to style the link with CSS but it is difficult to show you without any code segments provided in your question.
If you use chrome developer tools, simply click on the element, find its class name and reference it in your style sheet.
I've provided an example below which is taken from another wordpress theme, but I cant guarantee it will be the same as your own:
<div class="post-more">
<span class="read-more"><a title="Read more" href="http://www.website.com">Read more</a></span>
</div>
The CSS:
.post-more a {
color: #000000; /*New Colour*/
}