Hi codepantry!
You can use the “Custom ID” field: http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png to add a custom id to each color section. You can use this id to apply some custom style code to the text within this section. I.e. if you insert “portfolio” into the field you can style your text with:
#top #portfolio img{
float:left;
}
#top #portfolio p{
float:right;
}
This is just an example – obviously you can use the #portfolio selector to determine the position of divs, etc. too.
Best regards,
Peter
Hi
Please see this topic:
https://kriesi.at/support/topic/smaller-image-in-the-header-that-is-shown-only-when-a-mobile-is-used/
The final code I received is working OK as long as Explorer 8 is not used. When IE8 is used, the smal logo which should be shown only when smart phone is used, is shown on the top of the large logo covering the left part gof the image. Can the code be modified somehow to solve this problem.
Regards
Abedi
Peter,
I followed your instructions but still the same.
questions,
1. is it “float: left;” or “float: right;”? After I placed in custom.css, even the English version has the top bar aligned to the left while it supposed to align to the right.
2. I added a secondary menu to both languages, each has it’s own Login/Register links. However, only the English version has the secondary menu displayed correctly, aligning to the right. While the Chinese version only has the language switcher aligning to left, and sits next to the social media icons. I don’t even see the Chinese version secondary menu show up on the top.
Thanks,
This reply has been marked as private.
Hey!
You can use this instead:
.iconbox_top .iconbox_content {
box-shadow: none;
border: 1px solid #FF00B3;
}
Regards,
Ismael
Hi!
Yes, that will do. All media queries should be at the bottom. I hope it works. :)
Regards,
Ismael
Now it works.
I also updated the syntax for three-column grid.
#top .no_margin.av_one_third {
width: 32% !important;
}
thanks!
Josue,
Please see this screenshot.

How can we add this to the top nav bar?
thanks,
Cool.
So would I simply change the min-wifth and max-width value here?
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top {
overflow-x: hidden;
}
#top .main_color input[type=’text’]
use inspect element and complete my hint
Hey guys,
Hope you’re doing well! I noticed two issues recently:
1) Internet Explorer 8 (Windows 7): The images on the main page under “As Featured On” are out of alignment.
2) Internet Explorer 9 (Windows 7): The social icons and the “back to top” button have Chinese characters in them instead of images.
Thanks for looking into this!
Best,
Jonathan
I have tried adding the following code into my CSS to make the form background white/opaque, but it does not seem to work. I used the code successfully on another website, but for some reason this time it does not seem to come up.
This is the page where I would like it to be:
http://www.artofpoolcare.com.au/wordpress/pool-cleaning/
I have tried three versions of the code. Ideally I would like this to be a setting for all the pages, not just one page.
—Version A—-
#top.page-id-16 .ajax_form.avia-builder-el-0 {
background: rgba (255, 255, 255, 0.9);
padding: 10px;
}
—Version B—
#top.page-id-16 .ajax_form.avia-builder-el-4 {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
—Version C—
.ajax_form.avia-builder-el-4 {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
Your help would be greatly appreciated.
Thank you
Ivana
Hi team,
I’ve read a few posts on here already but am still stumped. ( https://kriesi.at/support/topic/enfold-layerslider-is-not-centered-on-ipad-mini/)
I’ve checked all my settings but still see my slides off to the left on ipad.
Any help to the correct global slider settings would be greatly appreciated.
here’s the site :
http://www.risinghigh.net
thanks alot in advance
Hi Yigit,
Thanks for your help but I did do that. If you read the thread that was left hanging you can see where my problem left off. Ismael thought there was something wrong with my code and asked me to post the code on pastebin here is the link to the page where the thread started…
https://kriesi.at/support/topic/portfolio-sort-by-title-and-title-display-on-hover/
Thankss!
Kim
Hi!
Please add !important rule as following
#top .no_margin.av_one_fourth {
width: 24% !important;
}
Cheers!
Yigit
Yigit,
This is what I have in the custom.css file.
.no_margin.av_one_fourth {
width: 24%;
}
Do I replace this with
#top .no_margin.av_one_fourth {
width: 24%;
}
Thanks,
This reply has been marked as private.
Thank you for your help so far, everything seems to have worked out.
I have a question about some minor adjustments I want to make to the blog padding. I am using the “single author big” layout, see http://www.blaircomm.us/blaircomm14/nextblog/. I want to increase the space between the headline for the post and the preview image just above it. It is almost sitting on top of it now and it needs space for legibility.
I have tried all the CSS I could find for the blog settings under the #Blog Styles in the “layout.css,” and nothing seemed to have any effect at all. I am using the “child” theme and edited the parent CSS. My understanding is that when I find the correct CSS I can cut and paste then edit in the custom CSS field and the child will overwrite the parent CSS so I will not have to edit the parent files. Is this correct?
Given that, where so I find the correct CSS files to edit for adjusting the spacing and structure of the “single author big” blog page and the single page that opens when “read more” is clicked?
Is the “layout.css” where much of the basic positioning styles are?
Thank you.
– Michael
Hi!
Please try adding following code to Quick CSS
.avia_mobile #top .av-parallax-section { z-index: 0; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .no_margin.av_one_fourth {
width: 24%;
}
Best regards,
Yigit
Hey!
Can you try removing that line from Header.php and check if that helps?
Please see Ismael’s post here to add new Google fonts and font weights – https://kriesi.at/support/topic/add-new-font/#post-234710
Cheers!
Yigit
Hi!
Please add following code to Quick CSS as well
#top .header_color .sub_menu ul li a:hover { color: red !important; }
.sub_menu { right: auto; float: left; }
Cheers!
Yigit
Okay just to give a heads up. I just installed an older version of DesktopServer (version 3.5.8) and now I don’t seem to have any issue. The issue only shows when I use DsktopServer 3.6.1 (the latest).
Isn’t that weird. I thought I would let you know just in case anyone else struggles with this.
The changes I’ve made:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 125px !important;
line-height: 125px !important;
max-height: none !important;
}
#top .social_bookmarks { top: 20%; }
#top .social_bookmarks li a { font-size: 18px; }
#top .social_bookmarks li { margin-right: 5px; }
#top .main_menu .menu li ul a { font-size: 20px; }
#megaMenu ul.megaMenu ul.sub-menu li.menu-item > a { font-size: 18px; }
What I need to make bigger:

Hmmm on a live server I don’t seem to encounter this issue. I need to look closer at DesktopServer I think. For now I will close this and have a talk with the folks over at DS.
Thanks for the help so far. If I need more help I’ll be back (cue Schwarzenegger voice) :-)
Hi,
I have a page containing two 1/2 layout elements.
The first element contains an icon list with many items. The second contains two icon lists with only a few entries in each.
The tops of the two icon lists within each of the 1/2 layout elements don’t line up. How can I do this please?
kindest regards,
PPCHound
I think I am getting to old for this :) I created a layer slider. Now i can’t find how to place it in the header (full width or boxed). i never had this problem before. I know how to put it in a post or sidebar (widget). How can i make it appear on top of page (above or under header)? I think its a minor issue.
Thanks!
By the way, excellent theme!