Hi Ismael,
It works perfectly ! The topic can be closed.
Thanks ! :-)
Hey Phenomedial,
Try adding the following to quick css:
.header-scrolled .logo a img {
visibility: hidden;
}
.header-scrolled .logo a {
background: url(_SCROLLED_LOGO_URL_HERE_) no-repeat top center;
}
Best regards,
Jordan Shannon
Hi,
The icons missing is not anything to do with the css. There seems to be a caching issue going on with the site. Are you using a hosting service, or self hosting?
Also please see the following links which may help:
https://wordpress.org/support/topic/social-media-icons-are-displayed-as-a-box/
http://kriesi.at/documentation/enfold/enable-cors/
Best regards,
Jordan Shannon
When I set two half columns in a tab section they stack on top of each other instead of being laid out next to each other.
I checked the code of the page and it seems that the second column gets the “first” shortcode option and the first column doesn’t.
Can you have a look?
Hey Ismael,
When I remove that CSS, it is fixed.
But I lose how the styling is on desktop. I wanted to keep the uppercase, smaller more tracked out tabs.
Can you help me keep this styling the same? And on mobile making the point size bigger.
My only problem now is that the mobile tabs are really tiny. I also didn’t want the transparency behind the tabs.
Sorry for bugging you, I also posted my login info below if you want to take a look at all the Quick CSS styling I have.
Thank you,
Chris
-
This reply was modified 8 years, 11 months ago by
ccyran.
Hey Yigit,
That worked! Last thing I promise!
How do I make all the other pages match this header width I now have on the homepage?
For example: I don’t like how the header shrinks in here.
I think the solution is similar to what I’m trying to get here, so maybe this thread can close?
Best,
Chris
Hi Victoria – it is the top image that isnt showing. I havent added product photos yet but the main photo for bath salts page doesnt show, although it is visible on the backend.
Just update to Woo 3.0.3 and use one of my solutions
Basic Solution
Enhanced Solution
I’ve installed gravity form to create the contact form on this page: http://infraredthermalimagingservices.com/contact-us/ the field background are black and I can’t seem to figure out how to get them white.
I tried adding a class .colored-form as suggested https://kriesi.at/support/topic/how-to-change-the-background-color-of-the-contact-form-enfold/ and added the following CSS with no success
#top .colored-form fieldset {
background-color: #efefef;
padding: 20px;
}
Any suggestion you have would be appreciated.
I am trying this shortcode but it not helping
@media only screen and (min-width: 768px) {
#top #address .flex_column{
margin-bottom: 0!important;
}}
Hello Victoria,
no, I didn´t do a back up before the update and yes I do need further assistanace!
Please read here:
Thank you
Asterios
Hi loveandcocoabutter,
The top image is the same, but the products do not have images in them, so the don’t show with thumbs, just text. You can add images to product and all should be fine.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Günter,
Thanks for getting back to me on this. Unfortunately, I did as you said in pasting the code and it caused my website to load HTTP 500 error. Had to ask help from customer service at hostmonster to track down the problem. It was the code apparently. After I deleted it from fucntions.php, my site started working again.
Did you guys see that happen from anyone else who reported the same bug? Just thought I’d give you a heads up before you publish the new update with this fix.
For what it’s worth, I appreciate that you guys are still on top of this.
Cheers,
A
Ahoy,
I would like to change the color of the search icon when it is in glossy mode (at the very top). There are two setting for this menu. One when you are all the way at the top (its semi transparent) and than when you scroll down it activates a solid color menu. As you can see it is white now and when you rollover it nothing happens. I would like it to match the glossy menu styles so it is light gray and than green when rollover.
I originally inserted this code and it changes the search icon color but it does not have a hover.
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li.menu-item-avia-special > a{
color:#1D6047!important;
}
please Advise
Hi AlpineWeb,
Please refer to this thread for a possible solution.
Best regards,
Victoria
Hi localizationguru,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.header_color img {
margin-top: 7%;
}
#header.header_color.header-scrolled img {
margin-top: 0px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Basilis, yes I’ve the latest version, 4.0.5..it’s a big problem..I stopped sales =(
Hi Dmitriy,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header .av-main-nav > li:hover > a {
color: #a81010;
font-size: 16px;
}
.av-main-nav > li {
line-height: 30px;
min-width: 148px;
text-align: center;
border-right: 1px solid #c7c038 !important;
}
.header_color li a {
border-color:#fff;
}
#menu-item-search { border-color:#fff !important;}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
border: none;
}
#header_main_alternate .main_menu {
margin: 0px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
if you want it specifically only for one form
give the form a custom class ! f.e. colored-form
#top .colored-form fieldset {
background-color: #efefef;
padding: 20px;
}
padding is necessary because it would look strange with the input fields direkt on border
You should support this as almost all of the new shopping carts, Amazon.com, Walmart.com for example, use a magnifier.
When the big box retailers are using features on their sites all of our e-commerce clients are going to want these features also.
So what happens then? Developers stop using you theme. That’s what happens. If you don’t care what features your developer subscribers want then it is time for us to move onto another theme that supports must have e-commerce features.
A forum user Mensmaximus came up with a nice solution for the Enfold incompatibilities with WooCommerce. How is it that he can find a solution but the Enfold development team can not incorporate the features that we all want?
Regards,
Peter
Hi laptophobo,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
I updated the theme to the current version earlier in the week, and the Layer slider on my home page started having issues. It just won’t seem to align in responsive mode, and I had to switch over to fixed mode, which fixes the problem on desktop, but now the slider obviously doesn’t look right on mobile using this method.
Is there a CSSS fix for this perhaps?
Thanks. I’ve had a few issues after the last Woo and Enfold update and the support has been really quick to respond. I appreciate it.
Hi Jordan,
Thanks a lot!
Something appears below the image now, it’s a start ;-) I was hoping though it could be integrated onto the image like in the article here

Is that possible?
Also: what approach would I need to use if I’m using a child theme? I don’t want the changes to get lost after updating the site ;-)
Thank you,
Felix
-
This reply was modified 8 years, 11 months ago by
Trystan.
Hi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .header_color.av_header_transparency,
#top .av_header_glassy.av_header_transparency .social_bookmarks li a {
color: #969696;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi CJ,
Please refer to this thread for a possible solution.
Best regards,
Victoria
Hi,
Outside of just the message being displayed is the site operating and functioning normally? It has been brought to my attention that there is already a large thread with a solution. Please check through their solutions and let me know if you have success.
Best regards,
Jordan Shannon
Hi hi! Kriesi,
As this is a sensitive topic I put everything in the private content page
Thanks a lot, Victoria. Working fine. wp-admin is back and accessible. Happy Time, Christoph.
Hi Jermaine,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) {
#top .avia_ajax_form.av-form-labels-hidden.avia-builder-el-9.avia-builder-el-no-sibling {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria