Recent
Categories
View Replies (2)

Headlines underlining NINA J4

0
Votes
Undo
  1. Turbomay
    Turbomay
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 22 August 2022
  5.  Subscribe via email
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
Attachments (1)
sreen_novah.jpg sreen_novah.jpg
References
  1. https://www.capri-club-deutschland.de
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Turbomay
Turbomay
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

thank you so much. It's working fine.

Regards, Frank
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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