Can you change the background colour of a banner? I am using Victoria and I wanted to change the red banner colour....?

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I am using Victoria with my own fonts uploaded but I wanted to change the background colour of the banner from red to, probably, grey. Is this possible?

Thanks
Photo of debbiep

debbiep

  • 5 Posts
  • 1 Reply Like

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Debbie,

The banner is actually an image. The red filigree is part of the image so you could, with an image manipulation program, replace this colour with another. It's not part of the inherent facility of the builder to do this and would require an offline approach.



(This is a very preliminary replacement of the red with the grey. haven't made any attempt to replace the highlights.)

Your other way around is to find an alternative banner image and then replace the original banner with a finding of yours.
Photo of debbiep

debbiep

  • 5 Posts
  • 1 Reply Like
Thanks Gop - don't think I explained myself very well!

I wanted to keep the filigree design part but the main red above and to the side of the heading and filigree is the part I wanted to change - is that possible?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I see. That would be the background rather than the banner aspects. Sorry misunderstood

To replace backgrounds you do have the option of block colour replacement or image replacement. To navigate to this facility:

Style > Edit background.

The upper section of the opening dialogue allows you to select a colour background and can be tuned by using the graphic slider to select hue and density. If you already have a colour code specifically in mind you can insert it into the colour code field and it will then display the correct colour as your background. You can play with this to tweak your preference as many times as you like to get it right.

I'm confident that this will be easily managed by yourself and happy to offer further clarification if needed.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Debbie,

The very top area of the style is a repeating image it's a gradient and has the dimensions of 5 pixels wide by 200 pixels long. The image is immediately below


You could create one of your own preferences with an image program and substitute it in the CSS
body {
background-attachment: scroll;
background-color: #7D7C7A;
background-image: url("address of your image here");
background-position: left top;
background-repeat: repeat-x;
margin: 0;
padding: 15px 0 0;
text-align: center;
}
Photo of debbiep

debbiep

  • 5 Posts
  • 1 Reply Like
Thanks Gop, I managed to get the colours changed and it looks much better now, thank you :)