Hi Schloss Klaus!

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

.header-scrolled .menu-second-line { top: -50px; }

Best regards,
Yigit

Hey!

Following code should do it

@media only screen and (max-width: 1140px) and (min-width: 990px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 32.2%!important; }}
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 31.8%!important; }}
@media only screen and (max-width: 767px) and (min-width: 481px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 30.9%!important; }}
@media only screen and (max-width: 480px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 29.5%!important; }}

Cheers!
Yigit

Hi!

Please try adding the code to Custom.css file inside Enfold/Css folder and if that does not work as well, plese add !important rule to force it as following

#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 16.1%!important;
}

Regards,
Yigit

Hi jcsufootball07!

1 & 2- You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

#top .main_color .avia-button.avia-color-theme-color { color: black;
background-color: transparent;
border: 1px solid black; }
#top .main_color .avia-button.avia-color-theme-color:hover { border-color: red; color: black; }

3- You are going to need to find a plugin to achieve that or hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

Best regards,
Yigit

Hey!

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

.content { padding-top: 10px; }

@apartedenmark thanks!

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well

#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 32.3333%;
}

Regards,
Yigit

Hey progenki!

Please go to Appearance > Editor and open Header.php file and find

do_action('ava_after_main_menu');

and add following code right below it

echo get_search_form();

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

@media only screen and (min-width: 767px) {
#top #searchform>div { display: none; }}

Regards,
Yigit

Hey Isabelle!

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

#top .main_menu .menu li ul a { background-color: white; }

Cheers!
Yigit

Hi!

If you want something like the Elision header. You can use the Small Fixed Header then add this on Quick CSS:

.header_color .header_bg {
background-color: transparent;
}

.header_color div {
border-color: transparent;
}

.fixed_header #main {
padding-top: 0;
margin-top: -1px;
}

Regards,
Ismael

Hi!

I’m not sure if this is going to work completely but please remove Yigit’s code then choose Boxed Layout. Add this on Quick CSS:

.home.boxed .container {
margin: 0 auto !important;
}

@media only screen and (min-width: 1340px) {
.responsive_large .home.boxed#top {
width: 100%;
}
}

.home #wrap_all {
margin: 0 auto;
}

html.html_boxed {
background: white;
}

Regards,
Ismael

Hi!

You can add this on Quick CSS:

#top .menu-item-search-dropdown > a {
font-size: 50px;
}

Cheers!
Ismael

Hi!

You can add this on Quick CSS:

.sidebar_left.sidebar {
text-align: left;
}

#top .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page.

.page-id-2251 .sidebar_left.sidebar {
text-align: left;
}

.page-id-2251 .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

Cheers!
Ismael

Hi!

1.) Add this on Quick CSS:

.four.units.single-product-main-image.alpha {
overflow: hidden;
}

2.) Change the price and price per unit font using this:

#top .price span, #top del, #top ins {
font-size: 12px;
line-height: 24px;
}

3.) The code above will change it too.

4.) You can change the color of the related products title using this:

.alternate_color .related.products h2 {
color: blue;
}

Cheers!
Ismael

Hey!

Add this on Quick CSS to move the whole portfolio grid by 10px to the left:

.avia_sortable_active .isotope {
margin-left: -10px;
}

.no_margin.av_one_fourth.first {
padding-left: 10px;
}

Best regards,
Ismael