1. FrancW
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Friday, 11 June 2021
  5.  Subscribe via email
How to change the size and styling of H1 into H2 size and styling, using Noami without losing the H1 tag?
tia
Accepted Answer Pending Moderation
0
Votes
Undo
hi Ciaran,

i've changed the 2000 to 800 and for both sites it did the trick, so i'm fine.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Franc

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

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
the site is kokkieblanda.nl or asiancook.eu but with 800px it works on the site and on the responsive version
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

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

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.