Recent
Categories
View Replies (6)

Skylar : Container background page_heading

  1. Issue
0
Votes
Undo
  1. wicklert
    wicklert
  3. Commercial Templates
  4. Monday, 17 March 2025
  5.  Subscribe via email
Hi Ciaran,

I've tried to find an answer in the forum but no luck sofar.
I want to give the page_heading container a background color.

I don't mean the solution:

.page_heading h1 {
background-color: #111111;
}

Can you help me out?
Thanks in advance.


Best regards
Ed
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly, have you tried adjust the Genreal -> Body/Header Styling -> Header Background Color setting in your template style settings?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
wicklert
wicklert
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Not the complete header but I wish to adjust only the vertical header background and font color (see attachment).
Hope this makes it easier to clarify.

Regards Ed
Attachments (1)
Skylar.png Skylar.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.page_heading {

    background-color: #aaaaaa;

}


Edit to taste.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
wicklert
wicklert
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

It works like a charm, thanks...!
What is the reason that I can't change font color?
I've tried color and font-color but that doesn't work. :(

.page_heading {
background-color: #4662A6;
color: #ffffff
}

Regards
Ed
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ed

To amend the color you can also add the following (edit to taste)..

.page_heading h1 {

    color: #1b719d;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
wicklert
wicklert
Accepted Answer Pending Moderation
0
Votes
Undo
Thnx again Ciaran, it works perfect. :D

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


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