Hi Ciaran,

i've added
h1 {
font-size: 2.2em;
font-weight: 300;
}
to the custom css wich did the trick, but to get the page header before after added?

Hello

Presuming I understand you correctly and you wish to add the bottom border effect, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

h1 {

    overflow: hidden;

}

h1::after, h1::before {

    position: absolute;

    display: block;

    content: '';

    height: 3px;

    bottom: 0;

    margin-top: 5px;

}

h1::before {

    left: 0;

    width: 60px;

    background-color: rgba(100,100,100,0.1);

    background-color: var(--primary);

}

h1::after {

    left: 63px;

    width: 2000px;

    background-color: rgba(100,100,100,0.1);

}

Ciaran

Hi Ciaran,

it works nearly perfectly. I've changed the h1 after width to 800px as the 2000px was to width and caused a horizontal slider. 800px is perfect for the articles.
Thank you

Franc

Hi Franc

Would you have a URL to an example of the horizontal slide issue?

Ciaran

the site is kokkieblanda.nl or asiancook.eu but with 800px it works on the site and on the responsive version

Thank you

Have you since been able to resolve the horizontal scroll as we are currently unable to replicate this issue?

Ciaran

hi Ciaran,

i've changed the 2000 to 800 and for both sites it did the trick, so i'm fine.