We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Page header in helix 3

Featured Lock Resolved Issue
Hi,

I want to make the page head h1 and sub head h2 in Helix 3. I realised I could not do this in custom css so I chaged lines in features/title.php as follows.

$output .= '<h1>'. $page_title .'</h1>';

if($page_subtitle) {
$output .= '<h2>'. $page_subtitle .'</h2>'

This works but the h1 colour is black (as used on pages) and not white as h2 header. Can't seem to work out how to set the pahe head h1 to white.

Any advice please.

Thanks
Charlotte at Consult.PW

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink

.sp-page-title h1 { color: white; }
.sp-page-title h2 { color: yellow; }

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
just use custom CSS to override color,
it shouldn't be so hard if you could change PHP code already :D

Run Code Inspector from your browser and check used CSS class.

ConsultPW

More than a month ago #Permalink
Thanks Paul,

Solved. i'd not noticed that .sp-page-title h1 was NOT in css. Doh!
:D

Paul Frankowski - Staff

More than a month ago #Permalink
If wasn't used in that area, so wasn't defined, right.:p

ConsultPW

More than a month ago #Permalink
Yep,

I was switching between two sites - one in Heleix 3 and one in doctor where h1 is used. Teaches me never to assume the same rules have been used.:)


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

124

Templates

331342

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us