Hey!

Please use this to remove the mobile menu:

@media only screen and (max-width: 968px) {
.responsive #top .mobileMenu {
display: none !important;
}
}

Remove browser cache then reload the page a few times.

Best regards,
Ismael

Hey!

Add this on Quick CSS:

@media only screen and (min-width: 767px) {
#searchform {
display: none;
}
}

Use this to adjust the searchbar position:

@media only screen and (min-width: 767px) {
#top #searchform {
position: absolute;
top: 90px;
}
}

Best regards,
Ismael

Hey!

Did you use the button element or shortcode? You change the text color using this on Quick CSS:

#top .main_color .avia-button.avia-color-theme-color, #top .main_color .avia-button.avia-color-theme-color:hover {
color: blue;
}

Change the button background using this:

.main_color .avia-color-theme-color {
background-color: red;
}

There are lots of tutorial on how to create a custom button. We need to see the button that you designed.

Best regards,
Ismael

Hi sivanrevivo1!

The theme’s default LayerSlider plugin does not support shortcodes. You need to install it as a standalone plugin. You can purchase it on codecanyon. Please use the Advance Layout Builder if you want the layer slider.

Regards,
Ismael

Hi Kvanto!

Please locate this code on functions.php, you can find it at the very top:

global $avia_config;

Below, add the google font filter:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['PT Sans Narrow'] = 'PT Sans Narrow';
$fonts['PT Sans'] = 'PT Sans';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['PT Sans Narrow'] = 'PT Sans Narrow';
$fonts['PT Sans'] = 'PT Sans';
return $fonts;
}

Cheers!
Ismael

Hi Frigno!

Have you tried this one https://kriesi.at/support/topic/horizontal-ruler-between-blogposts-on-main-blog-page/#post-209157
It should work because you are adding hr element under each article.
And have tried flushing browser cache after applying css codes provided in other solutions?

Cheers!
Yigit

Hi Isabell!

Please post temporary login credentials here privately. Your website is under construction and we cannot see the content
And add following code to Quick CSS to make changes you showed in footer section

span.news-thumb { border: none; padding: 0;  }
.image_size_widget .news-thumb img {
width: 36px;
height: 36px;
}
#socket { border-top: none; }

Regards,
Yigit

• This reply was modified 12 years, 2 months ago by Yigit.

Hey!

You earlier said and i quote “Also, right now the header bar shrinks while I move down the page. How can I make it static?“.
Customization you asked was beyond the scope of support we can provide but i wanted to finish what i started but it is getting more and more complicated..
To achieve what you would like, you need to make some changes on the code i posted earlier and go to wp-content\themes\enfold\js folder and open avia.js file and find

el_height       = $(elements).filter(':first').height(),
            isMobile        = 'ontouchstart' in document.documentElement,
            scroll_top		= $('#scroll-top-link'),
            set_height      = function()
            {
                var st = win.scrollTop(), newH = 0;

                if(st < el_height/2)
                {
                    newH = el_height - st;
                    header.removeClass('header-scrolled');
                }
                else
                {
                    newH = el_height/2;

to

el_height       = 156,
            isMobile        = 'ontouchstart' in document.documentElement,
            scroll_top		= $('#scroll-top-link'),
            set_height      = function()
            {
                var st = win.scrollTop(), newH = 0;

                if(st < el_height/1.5)
                {
                    newH = el_height - st;
                    header.removeClass('header-scrolled');
                }
                else
                {
                    newH = el_height/1.5;

Cheers!
Yigit

Hi DiamondLights!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

.avia-layerslider { padding-top: 50px; }

Best regards,
Yigit

Hi mgerenser!

Please refer to this post and set header height to 90 instead of 200 https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003

Regards,
Yigit

Hey!

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

.logo, .logo a, .logo img { max-width: 156px!important; }

#header_main .container, .header_color .main_menu ul:first-child > li > a {
height: 156px!important;
line-height: 156px!important;
}
.fixed_header #main {
padding-top: 156px;
}

Regards,
Yigit

Hey sbrohamm!

Edit footer.php, find this code on line 168:

<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>></a>

Replace it with:

<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link'>Back to top</a>

Add this on Quick CSS:

#scroll-top-link {
height: 50px;
width: 80px;
font-size: 10px;
}

Best regards,
Ismael

Hi current162!

Please see Devin’s post here https://kriesi.at/support/topic/adding-a-pdf-download-link-to-a-website/#post-199679

Regards,
Yigit

Hey Vada!

Place the Latest News element inside the 2/3 column where the Blog Posts element is, put it on top. Do the same thing with the Testimonial title. You can remove the column layouts where the titles are placed before.

Cheers!
Ismael

Hi upperhand!

You can easily add google fonts, please refer to this link: https://kriesi.at/support/topic/new-custom-font/

If you have a custom font or your own .ttf or .otf file, please refer to this link: http://css-tricks.com/snippets/css/using-font-face/

Best regards,
Ismael