Headlines underlining NINA J4

Votes

Undo

Hello Ciaran,
we are now using the template Nina Joomla 4. Is it possible to get the following underlining with fading via custum css like in the template Novah (see the screenshot) for:

- module header (h2, h3)
- page header (h1, h2)

Thanks again Frank

Responses (2)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

A bit of a shot in the dark this, but, to amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.module .module_header::before,

.page-header::before {

  background-color: rgba(0,0,0,0.25);

  right: 0;

}

.module .module_header::after,

.page-header::after {

  background-color: var(--primary);

  right: calc(100% - 70px);

}

.module .module_header::after, 

.page-header::after {

  position: absolute;

  bottom: 0;

  left: 0;

  height: 4px;

  content: '';

  opacity: .8;

}

.module .module_header,

.page-header {

  position: relative;

  text-align: center;

  overflow: hidden;

  padding-bottom: 0;

  margin-bottom: .75rem;

}

Ciaran

more than a month ago
Commercial Templates
# 1

Turbomay

Accepted Answer Pending Moderation

Votes

Undo

Hello Ciaran,

thank you so much. It's working fine.

Regards, Frank

more than a month ago
Commercial Templates
# 2

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Headlines underlining NINA J4

Site Links

Recommended

Join Our Newsletter