How can I change the color of the flag in my banner?

  • 1
  • Question
  • Updated 4 years ago
  • Answered
How can I change the color of the flag in my banner? See my website: http://www.bruidsfotografie-amersfoor...
I want another color for the pink flag, is that possible?

Thank you
Patrick (from the Netherlands)
Photo of patrick kilsdonk

patrick kilsdonk

  • 7 Posts
  • 1 Reply Like

Posted 4 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Patrick,

This is possible with a custom CSS edit. If you are comfortable with custom coding check out this tutorial with instructions and CSS resources.
Photo of grols

grols

  • 10 Posts
  • 1 Reply Like
yes, you must edit your code in CSS.
or if it is image - edit your image in photoshop)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Patrick,

The CSS relevant to the flag colour is:
div.ys_heading h1 a {

background-color: #FB4F5F;
If you change the #FB4F5F to another colour code then this will change the flag colour. This process won't however change the small triangular fold at the under left hand side of the flag. You will need to edit the image



url("templates/Anri_PinkHOBanner/resources/pinkflag.png) with something like Pixlr or Photoshop for example, then store that modified image in your file manager. When it comes to displaying that element then you need to modify the image address to source the modified image from the new address.

If you would like more specific instruction on the processes , leave a message here and I'll follow up.