Hi!

Create a layer on the LayerSlider, select Div / Video. Add a code like this:

<div class="layer-transparent">This is a text</div>

Edit Enfold > Quick CSS or add this on your custom.css:

.layer-transparent {
display: block;
background: rgba(0,0,0,.5);
padding: 20px;
font-size: 15px;
color: white;
text-align: center;
vertical-align: middle;
}

Cheers!
Ismael

Hey!

1.) You can add this on your custom.css or Quick CSS to create a space on top of the “About” image.

.flex_column.av_one_half.avia-builder-el-29.el_after_av_one_half {
margin-top: 20px;
}

2.) There are drastic differences from browser to browser on how the actual rendered text looks. No matter how much control you try to exert over text, in the end, you don’t get much of what you expect. Not to mention most browsers are able to let users re-size and override font settings on the fly.

Cheers!
Ismael

Hey!

Please add this on your custom.css or Quick CSS:

.fallback-post-type-icon {
position: relative;
top: 49%;
left: 50%;
margin: 0 0 10px -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
}

Cheers!
Ismael

Hi!

Yeah apparently i gave you css code for iconlist instead of iconbox. Here are correct codes;

.iconbox_top .iconbox_icon { font-size: 50px!important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
.iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0; }
.iconbox_top .iconbox_content { margin-top: 80px; }

You may need to adjust margin values depending on icon size. If you need to, feel free to let us know :)

Regards,
Yigit

Hi!

You can use this to change the color of the menu container:

#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #abbe31;
}

Font size of the main menu:

.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 13px;
}

Color of the menus:

.bottom_nav_header.social_header .main_menu ul:first-child > li a {
color: red;
}

Regards,
Ismael

Hello dsgnerfw!

What type of header are you using right now? You can increase the size of the social icons using this:

#top .social_bookmarks li a {
width: 40px;
line-height: 42px;
min-height: 40px;
font-size: 20px;
}

Cheers!
Ismael

Hi citystash!

What do you mean by ugly? What are the changes that occur? Please be specific. Editing pages should not affect the styling of the site. Try this on your custom.css or Quick CSS field:

p, span {
font-size: 14px;
}

Regards,
Ismael

Hey andypeck!

1.) Add the following on the Quick CSS field or custom.css:

#header_meta {
background: red;
}

2.)

#top .social_bookmarks li a {
width: 40px;
line-height: 42px;
margin: 0px;
padding: 0;
min-height: 40px;
font-size: 20px;
}

3.)

#header_main_alternate, #avia-menu {
background: red;
}

4.) You can inspect each menu item then look for the menu list id:

#menu-item-755 a {
background: blue;
border-right: 1px solid green;
border-left: 1px solid yellow;
border-top: none;
}

Cheers!
Ismael

Hello jennallocco!

1) Please try adding !important to force it

#top .social_bookmarks { font-size: 18px!important; }

2)

#top .social_bookmarks li a { width: 50px; }

Regards,
Yigit

Hey!

Glad you fixed it! Let us know if you have any other questions or issues

Cheers!
Yigit