Hi,

If you want the custom font, been everywhere use the following

* {
font-family: ‘din_lightregular’, Tahoma, Geneva, sans-serif;
color: #ffffff;
font-size: 13px;
line-height: 1.4em;
}

let us know if that works

Best regards,
Basilis

Hi!

Your custom CSS is working correctly. As mentioned earlier I too see that the font weight is 100 please check attached screenshot . If you have any doubts please right click on the h1 and inspect it and scroll down a bit until you see the below css :)

h1 {
    font-size: 48px!important;
    line-height: 65px!important;
    margin: 0px 0px 0.37em 0px;
    font-weight: 100!important;
    font-style: normal!important;
    font-family: "Lato"!important;
    color: #ffffff !important;
    text-transform: none !important;
}

Cheers!
Vinay

Try reducing the amount of horizontal padding here:

.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a {
    padding: 6px 10%;
    font-size: 14px;
}

Hey!

1.
To re-size fonts only and not images please use a plugin like
https://wordpress.org/plugins/wp-font-resizer/screenshots/
https://wordpress.org/plugins/zoom-widget/
https://wordpress.org/plugins/font-resizer/

2.
To re-size logo please use the below CSS

.responsive .logo img {
    margin: 0;
    max-width: 160px;
}

3.
To make the mu look like the example link

Change menu position in Enfold > Header > Header Layout > Menu and Logo Position > Logo Left, Menu Below

Then add the following CSS in Quick CSS

#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
    background-color:#000;
}     
#top #wrap_all .header_color .current_page_item > a:hover .avia-menu-text {
    background-color:#000;
}

4.
In page layout options please remove breadcrumbs.

5.
The reason you lose custom modification is because the theme files get over written and the solution for this is to use a child theme and add your modifications. please check http://kriesi.at/documentation/enfold/using-a-child-theme/

Request you to kindly open new tickets for new issues if they are not related so we can keep the focus on main topic and avoid confusion.

Regards,
Vinay

Hi!

Not a problem. We added a extra bit of code for large monitors

@media only screen and (min-width: 1400px) {
#top #wrap_all .header_color h1 {
    font-size:70px;
}
}

Please review the site now and let us know…

Cheers!
Vinay

Hey!

We are working on your ticket please wait while we update the results here soon.

Please hard refresh to clear the browser cache and review the site now we have added the below CSS

.html_header_top.html_logo_center .logo {
    width:100%;
    text-align:center;
    padding-top:20px;
}

@media only screen and (max-width: 970px) {
.html_header_top.html_logo_center .logo {
    left: 10%!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    padding-top: 40px;
    text-align:left;
}}

#header #header_main_alternate .container {
   background-color: #2C3E50; 
   min-width:100%;  

}

#top #wrap_all .header_color h1 {
    color: #e74d3c;  
    font-family: 'Gruppo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    font-size:4vw;
}

.avia_mega > li:nth-child(1) > a:nth-child(1) {
display: none!important;
}
#top .av-submenu-container {
    height: 65px;
    position: absolute;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    font-size: 14x;
    color: #585c96!important;
    font-family: 'Questrial'!important;    
}

Best regards,
Vinay

• This reply was modified 10 years ago by Vinay.

Hey Prenko!

can you please try the !important rule also?
SO if you add

.avia-slideshow .avia-caption .avia-caption-title {
font-size: 20px !important
 }

does that fixes the issue?

Cheers!
Basilis