Logo Image - Border Colour | XM Community
Skip to main content
Solved

Logo Image - Border Colour

  • July 10, 2023
  • 8 replies
  • 89 views

Forum|alt.badge.img+5

Hi Everyone

Hope you’re well.

The image in the centre is a logo image I am using.

Not using the primary colour option how would I change the colour of the red sections?

 

Thanks :)

Best answer by praveengeorgeix

You need to change the color in 2 places.

 

 

.Skin #LogoContainer {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    background-color: #CF0202 !important;

}

.Skin #Logo {

    background-position: center center;

    margin: 0 20px;

    background-color: #CF0202 !important;

}


Please add this code to CSS.

 

Kind regards,

Praveen

 

8 replies

Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+44
  • QPN Level 6 ●●●●●●
  • July 10, 2023

Hi @parkie_0007,

Please try with below code:

.Skin #Wrapper {

background-color: black;

}

</style>

 

Let me know if this works for you.

 

Regards,

Sachin N

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • July 10, 2023

Thanks but this changes the main background colour below the logo, not the colour either side of my logo as above.

Hope you can help :)


praveengeorgeix
QPN Level 4 ●●●●
Forum|alt.badge.img+11
  • QPN Level 4 ●●●●
  • July 10, 2023

Add this code to the CSS.

#FF0000 is red. You can change your favoured colour.

img {

    max-width: 100%;

    height: auto !important;

    border: 5px solid #FF0000; 

}


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • July 10, 2023

Thanks but this adds a border.

I would like to add my own colour in section 1 & 2 that are either side of my logo.

Thanks :)

 


praveengeorgeix
QPN Level 4 ●●●●
Forum|alt.badge.img+11
  • QPN Level 4 ●●●●
  • July 10, 2023

can you share the survey link. I need to inspect element to see whats causing it. 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • July 10, 2023

I sent over a message.

Thanks :)


praveengeorgeix
QPN Level 4 ●●●●
Forum|alt.badge.img+11
  • QPN Level 4 ●●●●
  • Answer
  • July 10, 2023

You need to change the color in 2 places.

 

 

.Skin #LogoContainer {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    background-color: #CF0202 !important;

}

.Skin #Logo {

    background-position: center center;

    margin: 0 20px;

    background-color: #CF0202 !important;

}


Please add this code to CSS.

 

Kind regards,

Praveen

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • July 10, 2023

Amazing, thanks for your help.