Hi Michael,
Please see this topic https://kriesi.at/support/topic/kriesi-logo/
Regards,
Yigit
Hello stevewhite06 – I had the same issue. .entry-content looks to have been changed to .entry-content-wrapper. I don’t think this was mentioned in the changelog but Kriesi explains the change here…
https://kriesi.at/support/topic/changed-and-added-classnames/
btw… This should work for you…
Change: #top .entry-content h1 { color: #58585a; }
to
#top .entry-content-wrapper h1 { color: #58585a; }
It seems like your menu name includes Cyrillic characters and this can break our menu script. A quick fix is to rename the menu. Just use latin characters for the menu name and re-save it. Eg call the main menu “Main Menu” and the top menu “Sub Menu” and it should work.
We’ll change the menu classes & ids in the next version and then you should be able to use Cyrillic, Greek, etc. characters for the menu(s) too without breaking the menu script.
Hey,
You can add this on your custom.css or Quick CSS to remove the padding and the border:
#top div .avia-gallery img {
padding: 0;
border: none;
}
Regards,
Ismael
Hi,
You can move the menu using this:
.main_menu {
right: 80px;
top: 20px;
}
Adjust the top and right position.
Regards,
Ismael
For item #3 I found a solution that alters only the Title text font and color and doesn’t affect the breadcrumb links on the right side.
This may not work for your site. I’m using “Fixed header with Social Icons and additional navigation” for my header.
For title text color add to Custom CSS or Quick CSS
#top .alternate_color.title_container .main-title a { color: #CCC; }
change the color # to whatever value you would like.
For title text font attributes add to Custom CSS or Quick CSS
#top .title_container .main-title { font-size: 16px; font-weight: bold; }
change these values to whatever you would like–the font-size affects the size of the breadcrumbs box.
Good luck,
Chad
Hi,
Go to LayerSlider WP > Slides > Global Settings > Slideshow > Automatically play videos. Turn if off.
Regards,
Ismael
Hi,
Please move the code on the custom.css or Quick CSS field. Add this lines:
@media only screen and (min-width: 768px) and (max-width: 989px) {
.logo {
width: 230px;
margin-top: 50px;
}
}
Regards,
Ismael
Hi – I’m using a small, non-fixed header and want to move the menu items down in the header probably with {vertical-align: 30%}. I cannot for the life of me work out what css selectors I need to use to achieve it.
My intention is to have the logo behind the menu so it can display some address details at the top of the page, and I need more room above the menu, but don’t want the header any larger.
Any help gratefully appreciated.
Ismael,
I can’t link you the website and don’t have time to make a screenshot sadly. (I know, I know)
You were pretty much on point with what I wanted to do. You code works fine but when I make more than one Custom CSS Class for the quick CSS, my images vanish except the first one.
So I have three sections on the same page, in each of these sections there is a paragraph of text and a header in a 1/2 column. These three sections are separated by default Hr dividers. I essentially want three different pictures that will slide in beside the paragraphs of these three sections. These pictures will be large and for stylistic reasons I want them to align with the text but at the same time overlap the Hr dividers if need be. Your solution above seemed to work for this after I added a z-index.
My question to you is can I accomplish this by placing the image another 1/2 column beside the 1/2 column with the paragraph? And if not (manually adjust left and top position), how come I can’t get all three pictures to display if I assign them different CSS Classes and give them separate properties in Quick CSS?
Hope that made more sense.
If you want to see an example, http://www.apple.com uses this a lot.
Hi,
1. This will change the height without affecting the dropdowns:
#top .main_menu .menu > li > a, #header_main .container{ height: 65px !important; line-height: 65px !important}
2. This one will change the color of the current-menu-item to red:
#top .main_menu .current-menu-item > a{ color: red}
3. And this will change the color/size of the text and links inside the breadcrumb container respectively.
.breadcrumbs span{ color: red !important; font-size: 21px !important; }
.breadcrumbs a{ color: blue !important; font-size: 21px !important; }
Regards,
Josue
Hello, Enfold is great! Please provide the CSS customizations for the following, if possible:
1. I would like to shorten the height of menu without ruining the drop down. I’ve tried the code below but it messes up the drop down menu:
#top .main_menu .menu li>a { height: 65px!important; line-height: 65px!important}
2. Change the active menu link color. Other ones I’ve found only changed the drop down item color
3. Change the title color/size (where the breadcrumbs were)
Hola Xavier,
Try this code:
.logo{ top: 80px; position: relative; background: #ffd2d3; padding: 20px; height: auto; }
The result:

Regards,
Josue
-
This reply was modified 12 years, 7 months ago by
Josue.
Hi Trap,
You are welcome. I’m closing this thread for now. If you have any questions after update, feel free to open a new topic.
Regards,
Yigit
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
#top .main_menu .menu>li:last-child>a { padding-right: 13px; }
Regards,
Yigit
Well cutting down on menu options is not an option.
Thank you for suggesting the solution of when the menu switches to the mobile menu.
I’ll give that a shot.
Thanks,
-Courtois
Hi,
I have an issue with product category size
On this page for example : Category page
The category image on top is displayed in W430 H360
The actual size is W430 H480
In other categories the size is fine, but some is not .. its weird
I have checked woocommerce settings, media settings, i have deleted the image permanently with ftp, i have test force regenerate thumbnails plugin but no luck! It drives me crazy
Do you have any idea how to fix it?
regards
Mario
Hi
I already read this topic and try it out – this is not my question! im talking about the logo size without scrolling down… thx
best
Dear Ygit,
Thanks to reply.
I do not have any problem with my footer. my problem come frome the widget.
I add the widget PAGES on my footer. Could I present a title on top of my widget PAGES like “MENU” or SUMMARY”?
Thank you
Stéphane.
Hi everybody,
a few months ago NICK has helped me to get a little customization done to get other toggles removed from the page if one of the toggles is clicked and open.
see here:
https://kriesi.at/support/topic/hide-toggles-if-a-toggle-is-open/
im currently updating my theme and i have realized that kriesi has updated and changed the toggle code a little bit.
Can someone please help me adding the customization to the new toggle code?
many thanks in advanced ;)
Aloha!
Please add following code to Quick CSS in Enfold theme options under Styling
.main_color.iconbox_top .iconbox_icon { background-color: #EE5625; }
This should do it
Regards,
Yigit
Hi All,
I’m going to close the topic for now and tag it for Kriesi. I figured we would start getting requests for a lot of the customization he did to the child theme used on the new site but we don’t actually have access to any of those files so it would be guesswork or re-doing it from scratch.
In any event, Kriesi will be able to be able to give us a final word on if it falls under needing to be done by a freelance developer (outside of basic support) or if he’ll be including any of the new things he customized into the main theme/providing the customization in some other format.
Regards,
Devin
Hi Josue
Thanks for your super quick reply.
I have solved it, after a day puzzling I found that I have to use the inner ID of the Avia builder elements.
Not 1,3,5,7 etc but
2,4,6,8 etc
This custom CSS works, It makes the first Icon on a page colored orange
#top .avia-builder-el-2.main_color.iconbox_top .iconbox_icon {
background-color: #faa127;
}
Hi,
Yes, please check this topic.
Regards,
Josue
I want to make every top-icon box on a page to have its own color for the icon background circles. I found this thread, but I was not able to make the CSS code that worked.
#top.main_color.iconbox_top .iconbox_icon {
background-color: #faa127;
}
This works for every iconbox, but how to I specify each individual icin box.
I have found the ID which are 1,3,5,7 etc
How does the CSS code has to look for one box?
I’d like your buttons to all look flat, none of that old-fashioned gradient tints on them anymore. Right now things just don’t match with one another when using contact submit button, etc.
I’d like the social icons to appear UNDER the team member, rather than only appearing on hover. Or at least the option to do that. I just don’t think many people realize they can find that information that way, it’s poor UX.
I’d like the layer slider layers to be nameable, instead of being called “layer 3, layer 4, etc,” so I can stop hunting for stuff.
GREAT theme, best you’ve ever done, best anyone has, probably.