Hi unitedwc,

Once it has been set you can just add any class name into that field and then target it specifically with css. For example if you add:

my-custom-margin-class

and then you add this css to your Quick CSS:

.my-custom-margin-class{

margin-top: 10px;

}

You could have an additional 10px margin on the top of that item.

Hi arnijon,

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:

#top .avia-testimonial-image img {

border-radius: 0px !important;

}

Regards,

Devin

Hi chilli-mind,

I’ll tag the topic for Kriesi but not knowing what version you are currently running I can’t say if this has already been fixed or if it is a fix for a currently existing issue.

Regards,

Devin

Hi Jason,

Without seeing your site live I can only guess but this should get you fairly close:

#top #header_main .container {

height: auto !important;

}



.fixed_header #main {

padding-top: 200px;

}

#top .logo {

float: none;

position: relative;

width: 220px;

margin: 0 auto;

}

.main_menu {

position: relative;

float: none;

width: 600px;

margin: 0 auto;

}

The width of the menu needs to be set based on your specific menu to get it to center. This all also must be added to your custom.css file in the desktop media query so that it only effects desktop view.

It will still need adjustment and customization depending on exactly what you want but if you have further customization needs or fine tuning a freelance developer is your best route.

Regards,

Devin

Hi,

It may be possible theoretically but can’t tell from a cursory look. At the moment IMO such a customization would be outside the scope of the support team, however you should definately add this to Enfold Feature Request List – https://kriesi.at/support/topic/enfold-feature-requests – and since you actually have code as opposed to all other suggestions, I am certain that Kriesi will know exactly how it fits into his schedule of enhancements.

I think it makes sense. Thanks for finding this.

Nick

Hi,

To change color of the title on the individual blog post, you would use the following css

#top.single .entry-content h1.post-title {

color: red;

}

Thanks,

Nick

Hi aba264,

Not quite sure what you mean. The Icon box already has a round visual if its displayed at the top like on the demo page here: http://kriesi.at/themes/enfold/shortcodes/iconbox/

Regards,

Devin

Hi Jorge,

That is a complicated answer.

The color section allows you to add a background image and if you use the stretch to fit option for the image it will always stretch to fit. Sounds perfect, but there is a catch: what screen width is your viewer using? This is where the background position comes into play. You can choose top center or bottom center to get the image edge (top or bottom) to align and the opposite edge will be cut off depending on the viewers screen size.

That is the closest you’ll get without really digging into custom css and multiple media queries.

Regards,

Devin

Hi,

Sorry for the delay, it is my fault.

The background image can only be used when the theme is in boxed layout. There is no background image in stretched layout. So in a boxed layout a full width slider will not be able to be full width but only as big as the boxed layout. When there is no background image (stretched layout) the layerslider can also stretch fully.

You can include a background image via css yourself.

Try adding the css code below to Quick CSS located in Enfold > (Theme Options) > Layout Styling … the text area on the bottom of the page… or you can add the code below to /css/custom.css at the end of the file:

.bg_container {

background-image: url(https://enfold2.dev/wp-content/themes/enfold/images/background-images/floral-dark.png);

background-position: center center;

background-attachment: fixed;

background-repeat: no-repeat;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

height: 100%;

width: 100%;

position: fixed;

z-index: 0;

top: 0;

left: 0;

}

You can use your own image ofcourse.

And in the backend, set to no background image.

Thanks,

Nick