Rhino - J4 "page Header Display" Too Big - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Rhino - J4 "page Header Display" Too Big

O

Occitanie-rando

Template 2 years ago

Hi, When displaying an article, I have the page header which is very large (see page: https://temp.occitanie-rando.fr/index.php/activites/randonnees-pedestres/aveyron/nant-les-failles-de-canalettes)

I can disable this display of "the page header" but I just want to decrease the size of the header. Can we do this in the CSS file? I don't know how can i do... Thanks for your help. Fred

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #99281

Hi there,

Thanks for reaching out to us.

Did you mean this portion? https://prnt.sc/tbeNL7AK-nn-

Then please use the following code in your custom CSS:

body.com-content.view-article .page-header h1 {
    font-size: 70px;
}

You can change the font size as per your need in the above code:)

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #99280

Hi

Thanks for contacting us. Use this custom CSS

#sp-header{
  height:80px !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

0
O
Occitanie-rando
Accepted Answer
2 years ago #99307

Thank you very much, it works correctly. Belle journée Fred

0
O
Occitanie-rando
Accepted Answer
2 years ago #99308

Thank you very much, it works correctly. Belle journée Fred

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #99381

You are always welcome:)

Have a nice day!

0