Hey!

Please add following code to Quick CSS as well

.inner_sidebar {
margin-left: 20px;
}
.sidebar .widgettitle {
text-transform: none;
font-size: 12px;
}

Best regards,
Yigit

Hi!

Are you open to the idea of reverting the header styling back to its original state when viewing on smaller screens? You can place the modification inside a media query:

@media only screen and (min-width: 768px) {
#header_meta {
background-color: #ffffff;
border-bottom-style: none;
border-bottom-width: 0;
border-top: medium none;
font-family: "Droid Serif",Georgia,Times,serif;
font-size: 1.1em;
font-weight: normal;
margin-bottom: -1px;
min-height: 30px;
position: absolute;
right: 0;
top: 15px;
z-index: 10;
}
}

Best regards,
Ismael

Hi Kevin!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 1300px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; }
#top #header .av-main-nav > li > a { font-size: 13px; }
.logo * { max-width: 90%; top: 15px; }
.avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 5px; }}

and then Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px. If that does not work, please post the link to your website and we will look into it :)

Regards,
Yigit

Hey!

Please add following code to Quick CSS

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 4px;
font-size: 11px!important;
}}

You may need to reconfigure some options/elements since you are updating from a very old version. We recommend updating the theme frequently to avoid having such issues

Cheers!
Yigit

Hey HiDrew!

Thank you for coming back.

Try the followign for the title and adjust the values:

#header .inner-container .logo {
    color: red !important;
    font-size: 45px !important;
}

Your code is too general, it is overwritten by the styling of other elements. You have to use a code like:

#main p {
    line-height: 181% !important;
}

Come back if you need more help with styling.

Best regards,
Günter

Hi tania_tf!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top .scroll-down-link:before {
content: 'Next';
font-size: 18px;
}

If that does not help, please post a screenshot and show the changes you would like to make so we can make sure to understand you clearly. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

Regards,
Yigit

Hey!

Add this to the Quick CSS field:

@media only screen and (max-width: 767px) {.sub_menu li {
padding: 0 5px;
font-size: 10px;
}}

Cheers!
Ismael

Hey!

I’m sorry but you’re using a very old version of the theme, 2.1. Please download the latest version, 3.0.8, from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

The update might change some elements or options on the theme so you have to adjust then or create them from scratch.

Add this to the Quick CSS field to fix the menu:

@media only screen and (max-width: 1140px) {
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 13px;
}

.main_menu ul:first-child > li > a {
padding: 0 9px;
}
}

Cheers!
Ismael

Hi!

Edit the H2 Text layer then go to the Attributes panel. Add a unique class attribute (Classes). Use “custom-font” for example. Add this to the Quick CSS field:

@media only screen and (max-width: 1250px) {
.custom-font {
font-size: 15px !important;
}}

Best regards,
Ismael

Hi!

Thank you for using Enfold.

1.) Add this to the Quick CSS field:

#socket {
position: fixed;
bottom: 0;
width: 100%;
}

2.) Use this one to increase the table font size:

.pricing-table>li {
font-size: 20px;
}

3.) The description column tends to drift apart from other table columns so use the Default Columns instead

4.) Create anchor links. Refer to this link: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

Regards,
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

#top .social_bookmarks li a { font-size: 17px; }

Before applying custom CSS code, make sure to disable CSS minifying feature from the plugin you are using and to flush cache after applying the code

Cheers!
Yigit

Hi Erkuto!

Can you please remove following code from Quick CSS

#top #wrap_all .header_color h3, #top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3, #top #wrap_all .footer_color h3, #top #wrap_all .socket_color h3 {
font-size: 15px!important;
}

Changes you apply here – http://prntscr.com/62xwqf and here – http://prntscr.com/62xwur are being applied fine but because of the custom CSS code, font size is not changing. After remocing the code, it should work fine :)

Best regards,
Yigit

Hi alex5252!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

.sort_by_cat {
font-size: 20px;
}

Regards,
Yigit

Hey!

Please try the following code in Quick CSS (it’s the same as custom CSS):

#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before {
font-size: 20px !important;
}

Regards,
Rikard

• This reply was modified 11 years, 1 month ago by Rikard.

Hey teeramusic!

Please try this:

@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before {
  font-size: 17px !important;
}
}

Cheers!
Rikard