Different customizations

Hi all,

I recently bought the Regal Theme and change it into our homestyle.
But somethings i couldnt find out yet:

- How can i give the header a background color?
When i change this, all the pages will change:
.main_container{
background:white;
}

I guess i have to add something like this:
.header{
background:blue;
}

- How can i have different letterypes, size and color on different pages?
This will change every page into same:
.content p {
color: #139cc3;
font-family:Arial;
font-size: medium;
}

Or is it possible to override the CSS in the page or post?

- And is it possible to hide the title of the page?

Thank you, maybe i will have other questions

 

Thanks, the h1.page works fine to hide

For the header, it works, but not in the way i like.
www.liefcorporate.com you can see. I like to give the white area also the color yellow for example (all the area above the rotating image)

And do you have an solutions for the lettertype , size and color of each page?
Nevermind, i created a new <div> with a new style options. It works for me.

 

Paste the following code in your custom css

Appearance -> theme options -> styling options -> custom css

Code:

.header{
overflow: hidden;
background:yellow;
padding: 30px 0px;
}
 
h1.page_title{
display: none;
}
 
.main_container {
padding: 0px 0px 20px 0;
}
.banner {
margin-top: 0px;
}

change the values as you required.
This will solve your website header background issue and
page title issue.

For your font regarding issue:
Unfortunately there isn't a way to do different font-family, size and color of content on different pages with this theme.

.content p {
color: red;
font-family:Arial;
font-size: 16px;
}
this code will work on home page and the fullwidth page only.


Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.

If this isn't something you're able to do then you would need to hire a developer for this.

Thanks.

 

Hi, perfect , perfect Thanks
De header issue is solved.

For de font issue i got a solutions. Just made in the page a other <div> style.
Maybe not the best way, but hey, it works