• 0

Customize PageHeader, CanvasArea and Images


Question

Posted (edited) · Report post

Hi,

I'm wondering if there is a simple way to customize all PageHeaders, CanvasAreas and Images in my website changing only the CSS.

 

PageHeaders

  • Set a background image and reduce the height.

 

CanvasArea

  • Change de background color and reduce the height.

 

Images

  • Put a yellow border in them.
Edited by donsa

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

HI,

 

Please follow the forum policy of only have one question per topic in the future.

 

1. You can set a background using the background image option. Why do you want to reduce it's height ?

 

2. This can be achieved using the background color option.

 

3. You will need to use custom CSS. I recommend adding a class to your images, such as yellow-border then use the following CSS.

 

.yellow-border { border: 1px solid yellow; }

 

Your HTML would look something like this:

 

<img class="yellow-border" src="">

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sure, I will do that next time.

The problem is that I already have created all pages. I want change the CSS to all elements instead have to change them in every single page.

If you could tell me the name of the elements, I will try to change them in the CSS to define a background-image, a background-color and the Height (is too tall, occupies a big percentage of the page).

 

Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can use Firebug or your browsers inspection tools to pinpoint the classes you need to add your CSS to. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now