Hey jjranson!
Add this code to the Quick CSS (Enfold > Styling):
.boxed .container {
margin: 0px 25px !important;
width: 960px !important;
}
.content .entry-content {
padding-right: 25px !important;
}
.content, .sidebar{
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.inner_sidebar {
margin-left: 25px !important;
}
Result:

Best regards,
Josue
Hey Bruno!
Try with this CSS code:
.main_menu{
top: 85px;
}
.main_menu .menu > li > a {
height: 30px !important;
line-height: 30px !important;
}
.header-scrolled .main_menu{
top: 5px;
}
Result:

Regards,
Josue
Hello!
@lemedia: Yes, it is possible. Just add this on your custom.css or Quick CSS:
.language_flag img {
display: none !important;
}
.language_code {
display: block !important;
text-transform: uppercase;
}
Best regards,
Ismael
Hi!
Looks like you have the same issue on this thread: https://kriesi.at/support/topic/iconfonts-links-not-working-in-safari-on-mac/#post-171449
I will close this one. Please watch out for a probable solution on the link above.
Regards,
Ismael
Hello!
According to Devin “Make sure to clear you *browsers* cache and not just the sites. The browser may have the old font files and be serving them up locally.” Also, test the site on different browsers. I visited the site again and the fonts and arrow are working fine.

Cheers!
Ismael
Hello!
If you want to show the sidebar on mobile view, you can add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta,
.responsive .post_author_timeline,
.responsive #top #main .sidebar {display:block; }
}
To increase the main menu and drop menu font, use this:
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 14px;
}
#top .main_menu .menu li ul a {
font-size: 14px;
}
Cheers!
Ismael
Hello
But i am still getting same loading problem(loading problem in the sense even the slider placeholder will not be visible) in my laptop as well as desktop, what might be the reason, did i missed anything on my end?I also tried in responsinator.com the same problem occurs in some of the resolutions.
Thanks
Hey!
Please use this instead:
.fallback-post-type-icon {
position: relative;
margin: 0 0 0 -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
left: 20px;
top: 60px;
}
.avia-content-slider-inner .slide-content {
padding-left: 80px;
}
.avia-content-slider-inner .slide-entry.flex_column {
margin-top: -40px;
}
Best regards,
Ismael
Hello!
Please try adding !important to it
.grid_3 br { display: none!important; }
On top of each column, there is a line break added for some reason. This code should remove them :)
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options
#top #wrap_all .avia-gallery-2 .avia-gallery-thumb a { width: 111px; }
Regards,
Yigit
Hi !
There is a misunderstanding :)
When you are already to the top on enfold theme and scrolling up more, the logo is over-scaling, like a zoom effect.
This is what i’m trying to reach.
http://zebre.zebre-studio.fr/logo-scalling/
I showed you an exemple with Kriesi.at and mine. Mine is stuck to the top as yours is scalling up when scrolling over the top position of the page.
Thanks man, this is an awesome support.
Hi!
Please add following code to Quick CSS in Enfold theme options
.logo { top: -56px; }
#header_meta { padding: 10px 0 10px 0; }
.sub_menu a { color: black!important; font-size: 14px; }
.main_menu ul:first-child > li a { height: 90px; line-height: 90px; font-size: 14px; color: black!important; }
.main_menu { background-color: #e1e1e1; }
#header_main { border-top-style: none; }
li#menu-item-5018 a { padding-right: 13px; }
#main { padding-top: 50px!important; }
#socket { background-color: black; }
.avia3-menu a { color: green!important; }
These should do it. Please flush your browser cache and refresh your page a few times after applying these codes.
Best regards,
Yigit
I tried that but it didn’t seem to hold.
http://www.blogginginspiration.com/
The lady I’m making this for wants the header on top of the image and excerpt like this:
http://lifeblessons.blogspot.com/
Thoughts on how to make this look like this (as far as the title on top)?
Thanks!
Hi!
Yes,that is because i forgot to add semi colon :) Sorry. Here is the correct one
.content { padding-top: 70px; }
Please flush browser cache and refresh your page a few times after adding code to Quick CSS
Cheers!
Yigit
Hi there, I have a few questions about desktop and mobile amends.
I’ve got screen grabs and css changes here:
https://www.dropbox.com/sh/6eaha9afax7vowt/ze_E9tvTtM
My domain is lisa-leung.com
It’s a private site so here’s a temporary log in:
User: enfold
Password: support
Thank you!!!
Desktop
1. Custom hover state for images.
– Change hover colour to #000
– Remove icon and replace with
– Remove rounded corners
2. Changes to main menu drop down
– Move hover state up to line up with content
– Reduce line spacing of drop down items
– Remove line from top of drop down
– Reduce width of drop down
3. Increase padding above full width slider
4. Use custom left/right buttons on slider
5. Use custom pagination indicator on slider
6. Remove line from under full width slider
7. Format footer text
8. Custom ‘back to top’ button
Mobile
9. main menu shifts left when window is resized
10. Logo is no longer vertically aligned for Phone
11. Slide out menu disappears
12. Style slide out menu to match desktop version
13. Make a main menu item trigger sub menu only, and NOT a destination page
14. Use em dashes to separate menu items for mobile only
15. Use custom buttons for slide out menu and close
Hi Devin
Just added that and it works :)
Thank you very much.
Kind Regards
Sean
Hello!
Please add following code to Quick CSS in Enfold theme options and adjust as desired
.content { padding-top: 70px }
top padding is 50px by default
Regards,
Yigit
Hello!
Just a quick FYI our queue system goes by oldest topic to newest and each time you bump, self respond etc it moves the topic to the end of our queue.
I happened to glancing over new topics and saw this having just answered the same question shortly ago. 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:
#header_meta {
z-index: 2;
}
Regards,
Devin
Hi Sean!
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:
#header_meta {
z-index: 2;
}
Regards,
Devin
Hi!
Please do not start the same topic more than once :) Closed
Cheers!
Yigit
You mentioned in the other thread that I can insert the below:
.flex_column.av_one_half.avia-builder-el-29.el_after_av_one_half {
margin-top: 20px;
}
What does this do? How does it know to only add whitespace above that one image? Will this affect anything else?
Hi there!
What a great theme!!!
I noticed the following: I have created a table with 4 columns and one header row (at the top).
First and second columns are standard
Third column is centred
Fourth column is description
Everything is fine until I resize the window to reflect a iPhone size screen. The whole table becomes one column which is great!
The cells have in small and italic the column header mentioned straight above the cell content. This is a great feature, however it skips the first column name resulting in a wrong label above the cell content (and in my case missing a label for column 4 altogether). See the example below:
Example:
Header 1 Header 2 Header 3 HEADER 4
Cel content 1 Cel content 2 Cel content 3 CEL CONTENT 4
When iPhone screen size:
Header 2
Cel content 1
Header 3
Cel content 2
Header 4
Cel content 3
CEL CONTENT 4
I hope you can fix this, because the feature is great, but unusable on small screen sizes ;-)
Kind regards,
Dave
This reply has been marked as private.
Hi!
In that case you will not lose anything. Those changes are stored in your database. Please check the other topic, i posted a video tutorial that Devin has prepared.
Regards,
Yigit
Website is in development on localhost at the moment. But by “double arrow” I mean the same as here on the forum page:
On the top you have a banner for your Enfold template. And when I hover over that, the banner gets lighter/dimmed and an animated arrow in a blue circle appears…
any update on this topic? im also having the same issues.
Hi support-team
i hope you can help me with my issue!
i would like to add “title-attributes”:
1) to my pagelinks in my navigation bar in the top and the bottom navigation lists
2) to my Logo in the header, which links back to the homepage
3) to the Buttons on my homepage i created with the avia layout builder
Here is my Website: http://www.beat-factory.com
Thank you in advance!
Best,
Jeff
Sorry, this is the CSS code for any pages, articles and AVIA framework
#top.boxed .stretch_full {
width: 1130px !important;
}
.boxed#top {
width: 1130px !important;
}
.container {
width: 1030px !important;
}
.container .nine.units {
width: 760px !important;
}
#top #main .avia-section .template-page {
width: 100% !important;
}
.container .twelve.units {
width: 1030px !important;
}
The menu problem persit… i not found the correct style to change for solved this.
Hi Niels!
You can do both but first option would require editing theme files. You can add following code to Quick CSS in Enfold theme options for second option
#top #menu-item-search.menu-item-search-dropdown>a:after { content: ' Search'; font-size: 13px; }
Cheers!
Yigit