Home › Forums › SKT Full Width Forum › Browser specific image problems
- This topic has 8 replies, 2 voices, and was last updated 9 years, 8 months ago by Sonl Sinha.
-
AuthorPosts
-
February 19, 2015 at 5:56 pm #4055
Hi I have bought your Full Width Pro theme. Safari and Chrome browsers show images as they should be, but in Firefox and Opera, the pictures “break out” of the assigned columns.
Here are screendumps of problem browser and OK browser:
[IMG]http://i57.tinypic.com/qso8y8.png[/IMG]
[IMG]http://i57.tinypic.com/2py2syr.jpg[/IMG]
February 19, 2015 at 5:58 pm #4056http://tinypic.com/r/2py2syr/8
http://tinypic.com/r/qso8y8/8
February 19, 2015 at 6:32 pm #4059My page is www.anturi.dk
February 20, 2015 at 5:29 am #4063Hi,
Kindly visit Appearance>Theme Options>Layout Settings>Custom CSS
Paste this there: .wpb_single_image .vc_single_image-wrapper{display:block !important;}
And should be done. Please note: this is not a theme related issue but your changes has caused the issue with some kind of class applied from js_compressor.
But i did like the way you modified the theme. It looks really good.
Regards,
ShriFebruary 20, 2015 at 10:48 am #4070Hi,
Thank you very much for the quick and effective answer: IT WORKED! 🙂
After installing your new update, the header-bottom-shape.png (bottom shape of menu) is shown on top of a black shape, and not transparrent as intended.
I have these 3 blocks of custom CSS in the settings that I got from you before the update. Maybe it has to do with those?
.header .logo {
background: none repeat scroll 0 0 #324561 !important;
opacity: 0.9;
}
#site-nav {
background: none repeat scroll 0 0 #324561 !important;
opacity: 0.9;
}
.header .widget {
background: none repeat scroll 0 0 #324561 !important;
opacity: 0.9;
}
I’m very glad that you like my layout applied to your theme – Thank you!
February 20, 2015 at 11:25 am #4071In the same way, there is a difference between the color of the content background and the footer (colophone?), that was not there before the update.
The CSS you gave me before the update and that worked then:
#content {background: none repeat scroll 0 0 #ffffff !important;Â opacity: 0.8;Â }
#colophon {Â background: none repeat scroll 0 0 #ffffff !important;Â opacity: 0.8;Â }
Hope you can and will help me out 🙂
February 20, 2015 at 11:31 am #4072Hi,
All these CSS changes are no more needed as theme options is fully capable of handling the same.
The bottom shape is also given in the Appearance>Theme options. You can just change it with similar image of some other color.
Regards,
ShriFebruary 20, 2015 at 1:21 pm #4074Thank You very much for your help!
February 24, 2015 at 4:05 am #4125🙂
-
AuthorPosts
- You must be logged in to reply to this topic.