Jump to content


Photo
- - - - -

Customize PageHeader, CanvasArea and Images

PageHeaders CanvasAreas Images CSS

  • Please log in to reply
3 replies to this topic

#1 DONSA

DONSA

    Member

  • Members

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

Posted 20 June 2014 - 03:33 PM

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, 20 June 2014 - 03:34 PM.


#2 Danny

Danny

    Is Awesome!

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

Posted 21 June 2014 - 08:18 AM

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



#3 DONSA

DONSA

    Member

  • Members

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

 

Thanks



#4 greenfly

greenfly

    Advocate

  • 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