Hi,

Please add this css to your /css/custom.css or to Quick CSS located in Enfold > Theme Options > Layout Style (text area on bottom of the page.

@media only screen and (max-width: 479px) {

#top .logo, #top .logo a {

overflow: visible;

left:32px

}}

@media only screen and (min-width: 480px) and (max-width: 767px){

#top .logo, #top .logo a {

overflow: visible;

left:115px

}}

Thanks,

Nick

Hi,

Ahh, so the background color on my snapshot, for sidebar, content area, socket and header is not the color you selected. Should have said just that, because how am I supposed to know.

Been looking , and even though that black color you have is exactly the color if 10.5% transparent black is painted on white, in reality it is color #191919 and it is used on page /includes/admin/register_backend_styles.php on lines 625,638,690, and 704. I think if you change that to #000, your troubles may be over!

changing that produced for me http://i.imgur.com/3QQMkvt.jpg

There are a couple other colors hard coded on the page and I think you will find all the ones that been showing up

============

I also got plan B lined up. I am gonna give you a new css file with all extra css removed which will take the place of enfold.css

I looked at all the transparency css, and also found this :

#top .socket_color .avia-color-theme-color {

color:rgba(0,0,0,0.5);

}

#top .header_color .avia-color-theme-color {

color:rgba(0,0,0,0.5);

}

#top .main_color .avia-color-theme-color {

color:rgba(0,0,0,0.5);

}

#top .alternate_color .avia-color-theme-color {

color:rgba(0,0,0,0.5);

}

#top .footer_color .avia-color-theme-color {

color:rgba(0,0,0,0.5);

}

They can be neutralized by changing 0.5 to 0.0

Thanks,

Nick

This post was in the Abundance forums which is on version 1.9. If you are using Enfold, the same meta box is not present as with Abundance so there *isn’t* that box below the visual editor.

See the videos for Enfold here: https://kriesi.at/support/topic/video-requests

Regards,

Devin

Hi,

I am trying to understand what you are seeing, because this is what I see in Chrome on Windos 7 http://www.clipular.com/c?7180226=65G_ENiS0TuPzhP8gfxP6Nr6feM&f=.png , FF looks same, and so does IE.

The way the theme works is that a css file gets dynamically generated based on settings in Enfold > Theme Options > Styling. This css file gets written into the upload folder of wordpress (since chances are the server allows file writing there) . In your case this is the file http://www.andypeck.co.uk/wp-content/uploads/dynamic_avia/enfold.css. It is executed right before custom.css in the cascade.

I just ran an app that counts which selectors in css are used and which are ignored and 98% of css is not used on your site. I have a feeling that maybe some of these selectors may be used somehow even though they are. WordPress 2.6 promises tons of improvements so for now i would just continue building. When you are finished thats the time to remove the unneeded selectors and I have a feeling things will fall in place. If this is done now, then when you add anything extra there wont be a selector to style it, so thats why i suggest you get to the point where you have everything finalized. On top of that its a great optimization technique.

Thanks,

Nick

Hi Evan,

In the top right of the page view should be a tab labeled “Screen Options”. This is when looking at a normal page in wordpress.

Regards,

Devin

Hi OliverSill,

Are you getting the same issue on the demo site: http://kriesi.at/themes/enfold/ ?

If not, try disabling any active plugins you have running on your install and trying things again. We’ve tested pretty heavily on iOS and the LayerSlider author has specifically for the plugin as well so it *should* be working unless something is causing a conflict with it.

Regards,

Devin

There isn’t any theme options for it but you can Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top.post-type-archive-product #main .sidebar {

display: none;

}

#top.post-type-archive-product .template-shop.content {

width: 100%;

border: none;

}

and for the product category pages:

#top.tax-product_cat #main .sidebar {

display: none;

}

#top.tax-product_cat .template-shop.content {

width: 100%;

border: none;

}

Regards,

Devin