Hello jennallocco!

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

#header_meta { display: none; }

2) I would suggest you not to use the code in 1, but use following instead if you would like to make your logo larger

#header_meta { box-shadow: none; }
.logo { height: 115%; top: -17px; }

3)

#footer .widgettitle { font-size: 12px; letter-spacing: -1px; }

Cheers!
Yigit

Hello!

If you want to show the sidebar on mobile view, you can add this on your custom.css or Quick CSS:

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display:block; }
}

To increase the main menu and drop menu font, use this:

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

#top .main_menu .menu li ul a {
font-size: 14px;
}

Cheers!
Ismael

Hey!

Sorry, my bad! You need to add the changes on your custom.css or Quick CSS:

.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 40px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\2295";}
.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\2295";}

Looks like the border around the cross symbol can’t be change. I tried to find it on the css properties, it’s not there.

Cheers!
Ismael

Hey!

Please use this instead:

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

.avia-content-slider-inner .slide-content {
padding-left: 80px;
}

.avia-content-slider-inner .slide-entry.flex_column {
margin-top: -40px;
}

Best regards,
Ismael

Hi hardeep_singh04!

You can add these on your custom.css or Quick CSS:

To change the product price font size:

.single-product .price del span, .single-product .price ins span {
font-size: 20px !important;
}

This is for the pagination.

.pagination span.current, .pagination a {
font-size: 15px;
}

Best regards,
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options

.logo { top: -56px; }
#header_meta { padding: 10px 0 10px 0; } 
.sub_menu a { color: black!important; font-size: 14px; }
.main_menu ul:first-child > li a { height: 90px; line-height: 90px; font-size: 14px; color: black!important; }
.main_menu { background-color: #e1e1e1; }
#header_main { border-top-style: none; }
li#menu-item-5018 a { padding-right: 13px; }
#main { padding-top: 50px!important; }
#socket { background-color: black; }
.avia3-menu a { color: green!important; }

These should do it. Please flush your browser cache and refresh your page a few times after applying these codes.

Best regards,
Yigit

Hello Indiatravelz!

Please add following code to Quick CSS in Enfold theme options and adjust as desired

.avia-button { font-family: 'Dancing Script', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px!important; }

Regards,
Yigit

Hi Niels!

You can do both but first option would require editing theme files. You can add following code to Quick CSS in Enfold theme options for second option

#top #menu-item-search.menu-item-search-dropdown>a:after { content: ' Search'; font-size: 13px; }

Cheers!
Yigit

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