Hello,
I have got one page of my website and there I want to style the H1 in other size than the H1 at the other pages.
At text block element => style => font size
There is the opportunity the set the fontsize for different devices.
I have set 40px for standard device and this works for text in a <p> tag.

But now I want to set the font size for the h1 to 30px in a further text block element. And this will not work with h1.

I tried with custom css and this will not work, too.
I have set a custom css class at text block element => advanced => developer => custom css class as follows:
headline_style_home

At Enfold quick css I have the following css code:
/*Headline Style*/
.headline_style_home {
font-size: 30px !important;
}

But nothing will affect to the H1 headline with custom css class “headline_style_home” or with settings at text block element => style => font size.
Why? How to solve that?

kind regards

Hello,

Somthing wrong with phone and google-translate… lost flags :(

Quick CSS:

/** meniu ilgas ***/
.av-main-nav ul {
    width: 260px;
}
/* beadthumbs išjungiu pranešimą - Pradžia */
span.trail-before {
display: none!important;
}
@media only screen and (max-width: 767px) { 
.logo.second-logo img {
    padding-top: 20px;
}}
@media only screen and (max-width: 480px) { 
.responsive .logo img {
    max-width: 90%;
}}
@media only screen and (min-width: 768px) { 
.logo img {
    padding: 15px 0;
}}
.logo:first-child {
    z-index: 4;
}
/*.logo, .logo a { display: inline-block}*/
/*.logo:first-child img {display: none}*/
/*.logo.first-logo { z-index: 3 }*/
.logo.second-logo { z-index: 3 }
.logo.second-logo { width: 100% }
.logo.second-logo a { float: right !important }
/*.logo.first-logo a, */ .logo.second-logo a { display: inline-flex }
/*.main_menu:not(:first-of-type) { display: none !important }*/
/*.responsive #top .logo.first-logo {
    float: left;*/
}

/*hide auto sidebar from magazine*/
.page-id-2967 .sidebar .widget_nav_hide_child {
display: none;
}

/*2.8 firefox problem*/
.avia-image-container-inner, .avia_image {
    max-width: 100%;
}

#header_main .avia-menu-text {
    font-size: 16px;
}
.entry-content p {
font-size: 18px;
margin: 20px 0;
line-height: 24px;
}

.header-scrolled #header_main > .container {
display: none !important;
}

#socket .avia-bullet, #socket .avia-menu-fx {
  display: none;
}

h4 {
line-height: 30px;
}
.comment_container {
 display: none;
}
#paslaugos-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}
/*#paslaugu-elementas .aviaccordion {
    max-height: 300px;
}*/
#top #paslaugos-container-width .aviaccordion-slide img {
    max-height: 295px;
}
#top #paslaugos-container-width #paslaugu-elementas {
    max-height: 295px !important;
}

Hi

How do I edit the font sizing the footer menu? [On our site, the menu at the very bottom of the page, with links to: HOME | RBI | MODULES | SERVICES…]

Thanks

Hi,
I have the “display excerpt” activated, I would like to:
increase the font size
Be able to place the text in the bottom of the box, still centered
Change font color

If I choose to go with the “Load more” setup, I need to:
Translate to danish “Vi flere billeder”
And I want the Load more” textbox to be transparent

Cheers ;)

Hi

Is it possible to increase the font size of the top menu on our site [Link below]?

Thanks

Hi Guys,
A couple of things:
1. On mobile I have hidden the phone menu but it has also hidden the burger menu. How can I get it to look like this with also a phone icon instead of the text that is on mobile?

I’ve created an advanced slider that looks amazing on desktop but has scaled badly on mobile. I need it to look like the above screen shot too.
I did play with some css changing the margins but it looked bad when rotating to landscape on mobile.
Is there a way to get the scaling more accurate?

I need it looking like this https://ibb.co/mq9X14V

The CSS I tried
@media only screen and (max-width: 480px) {
h5.ls-layer {
height: 100px !important;
margin-top: -40px!important;
line-height: 2em !important;
position: static!important;
}

h2.ls-layer {
font-size: 15px!important;
margin-left:-25px!important;
max-width: 200px!important;
margin-top: -70px!important;
border: none !important;
}
h3.ls-layer {
font-size: 15px!important;
margin-left:-60px!important;
max-width: 100px!important;
margin-top: 10px!important;
}
.rotate {
width: 130px!important;
height: 130px!important;
margin-left: -30px!important;
margin-top: -50px!important;
}
.arrow {
margin-top: 30px !important;
margin-left: -10px!important;
font-size: 30px !important;
}}
media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent!important;
position: absolute!important;
}}