Hey MaxMyBody1!

Are you trying to decrease the size of the header? You can add this on your custom.css or Quick CSS:

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 80px; line-height: 80px; }

I’m sorry but the screenshot doesn’t explain anything. Can you please elaborate more?

Regards,
Ismael

Hey TwoInitials!

Please refer to this link: https://kriesi.at/support/topic/avia-layout-builder-not-loading/#post-137892

A user reported that 5.3.27 FastCGI may cause the issue and a switch to 5.3.27 CGI (Stable) fixed the problems on his server.

Regards,
Ismael

Hi Jae!

You can use images with 900x450px dimension. What type of slider are you using? The layerslider demo is using a background image with 1600x470px size.

Cheers!
Ismael

Hey skynandi!

You can use this:

.social_header .phone-info {
line-height: 10px;
font-size: 15px;
}

Best regards,
Ismael

Hi!

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

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height: 120px; line-height: 120px; }

Adjust the height and the line-height to increase the logo size. You can use this to move the logo to the right.

div .logo {
left: 30px;
}

Best regards,
Ismael

Hey bymenjil!

I can’t view the website. Please post the login details here as a private reply. Please try another browser, maybe the browser settings is set to open a new window by default.

Best regards,
Ismael

Hi!

You really don’t have to add the font url but it is OK if you do. As long as it is working for you. :)

Best regards,
Ismael

Hey olbert123!

You can use this on your custom.css or Quick CSS:

body p, body {
font-size: 15px;
}

There are lots of heading elements on the theme, which would you like to change? You can change the main title or heading using this:

#top .alternate_color.title_container .main-title a {
color: black;
font-size: 15px;
}

Regards,
Ismael

Hi!

You can place it at the very bottom of functions.php. :)

Best regards,
Ismael

Hi!

Please refer to this link, try to follow Kriesi’s solution: https://kriesi.at/support/topic/icons-still-not-working-in-firefox-and-ie/#post-173204

Regards,
Ismael

Hi!

Please go to Enfold > Styling > Header tab. Change the Header background color. You can use rgba and hex colors.

Regards,
Ismael

Hey!

Please try this:

#top div .avia-gallery .avia-gallery-big {
width: 80% !important;
min-height: 921px !important;
float: left;
clear: none !important;
}

#top div .avia-gallery .avia-gallery-big img {
min-height: 905px;
}

Cheers!
Ismael

Hey!

Have you tried it on the .htaccess file?

Cheers!
Ismael

Hey lizybloom!

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Add the Text Block inside the Color Section. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

You can add something like this on your custom.css or Quick CSS:

.avia_textblock.awesome-textblock {
background: rgba(255,255,255,.5);
padding: 10px;
width: auto;
}

Regards,
Ismael

Hi m!

Edit js > avia.js, find this code on line 17:

// decreases header size when user scrolls down
        avia_header_size();

Replace it with:

// decreases header size when user scrolls down
        //avia_header_size();

Remove browser cache then reload the page a few times.

Best regards,
Ismael