Hey!

You can go to Enfold theme options > Header Layout > Header Size = Custom pixel value and decrease the height of your header.
Then you can create gradient here – http://www.colorzilla.com/gradient-editor/
and add following code to Quick CSS in Enfold theme options > General Styling tab and change the code as needed

#header_main { 
background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}

Regards,
Yigit

Hey!

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

.ls-l {
background: transparent!important;
}
img.ls-l.ls-preloaded {
margin-top: 100px!important;
}

If that does not help, please create a temporary admin login and post it here privately so i can look into it

Regards,
Yigit

Hey!

You have line breaks after each image. Please remove them. Alternatively, you can add following code to Quick CSS in Enfold theme options under General Styling tab

.entry-content>br {
display: none;
}

Cheers!
Yigit

Hi Finlando!

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

 .av-main-nav > li > ul { border-color: #dadada; }

Best regards,
Yigit

Hi!

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

@media only screen and (max-width: 768px) {
#main .course .sensei-course-meta .course-price, #main .course-container .sensei-course-meta .course-price { position: relative!important; }
span.course-price span.amount { font-size: 14px; }}

Regards,
Yigit

• This reply was modified 11 years, 7 months ago by Yigit.

Hi papernapkinmarketing!

1&2- Seems like you have figured out
3- Please add following code to Quick CSS in Enfold theme options under General Styling tab

.avia-section .avia_textblock {
background: rgba(0,0,0,0.3);
padding: 10px;
}

It would be better if you turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your text block elements inside color section a custom CSS class and apply custom CSS code only on selected elements.
4- Can you please elaborate? A screenshot would help.

Regards,
Yigit

Hey slimmer1!

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

.iconbox_icon {
display: none;
}

2- Please only add following code to Code Block element

<div id=”container”>
<div class=”bubble”>
<div class=”rectangle”><h2>Worried?</h2></div>
<div class=”triangle-l”></div>
<div class=”triangle-r”></div>
<div class=”info”>
<h2>If you’re convicted of a crime, there can be devastating consequences.</h2>
<p>
[Read more]
</p>
</div>
</div>

</div>

and the code between Style tags into Custom.css file inside Enfold/Css folder.

Best regards,
Yigit

Hey Gabe!

I could not connect to your website but please add following code to Quick CSS in Enfold theme options under General Styling tab and change menu item ID

.home #menu-item-59 { display: none; }

You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg

Cheers!
Yigit

Hey Barb! :)

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

@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}

It will display search icon on mobile, but not inside mobile menu

Best regards,
Yigit

Hey cgroeger!

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

#av_section_1 .container, div#jig1 { width: 100% !important; }
#jig1 .jig-imageContainer { width: 12.25%; }

P.S.: It would be better if you give a unique ID to your color section that has IG feed ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and change the ID in the first line of code to match your color sections ID

Best regards,
Yigit

Hey!

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

.tp_recent_tweets li {
background-image: none!important;
}

Best regards,
Yigit

Hi solarmediapro!

You can use this plugin – https://wordpress.org/plugins/zen-menu-logic/
and change the logo on pages using custom CSS code with page id’s as following

.page-id-5959 .logo img { opacity: 0; }
.page-id-5959 .logo a { background-image: url(linktoyourlogo.png); }

Please add the code to Quick CSS field in Enfold theme options > General Styling. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

Cheers!
Yigit

Hi mcraig77!

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

.av-image-caption-overlay { background: rgba(255,221,221,0.4); }
.av-image-caption-overlay-center p { font-family: quicksand!important; color: #52514E; }

Cheers!
Yigit

Hi mcraig77!

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

#header_main_alternate { margin-top: 40px; }

Best regards,
Yigit

Hi MH5!

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

.single .big-preview.single-big {
pointer-events: none!important;
}

If that does not work, please post the link to your website

Regards,
Yigit

Hi wacky32!

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

#text-20 a {
display: inline-block!important;
}

Best regards,
Yigit

Hey Slade!

I have unchecked “Page Sidebar navigation” in Enfold theme options > Blog Layout. Please review your website now

Regards,
Yigit

Hi Arran!

Please see – http://kriesi.at/documentation/enfold/remove-post-navigation-for-a-post-type/

Best regards,
Yigit