Jump to content

- - - - -

Customize PageHeader, CanvasArea and Images

PageHeaders CanvasAreas Images CSS

  • Please log in to reply
3 replies to this topic



    Advanced Member

  • Members

  • 31 posts
  • Framework Version:2
  • Country: Country Flag

Posted 20 June 2014 - 03:33 PM


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



  • Set a background image and reduce the height.



  • Change de background color and reduce the height.



  • Put a yellow border in them.

Edited by donsa, 20 June 2014 - 03:34 PM.

#2 Danny


    Is Awesome!

  • Moderators
  • 17945 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 June 2014 - 08:18 AM



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="">



    Advanced Member

  • Members

  • 31 posts
  • Framework Version:2
  • Country: Country Flag

Posted 21 June 2014 - 04:30 PM

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).



#4 greenfly



  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 23 June 2014 - 02:16 AM

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

Also tagged with one or more of these keywords: PageHeaders, CanvasAreas, Images, CSS