Logo Image - Border Colour | XM Community
Solved

Logo Image - Border Colour

  • 10 July 2023
  • 8 replies
  • 53 views
P
Rank
Userlevel 6
Badge +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 :)

icon

Best answer by praveengeorgeix 10 July 2023, 16:04

View original

8 replies

Sachin Nandikol
Rank
Userlevel 6
Badge +21

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

 

Sachin
P
Rank
Userlevel 6
Badge +5

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
Rank
Userlevel 5
Badge +11

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; 

}

P
Rank
Userlevel 6
Badge +5

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
Rank
Userlevel 5
Badge +11

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

P
Rank
Userlevel 6
Badge +5

I sent over a message.

Thanks :)

praveengeorgeix
Rank
Userlevel 5
Badge +11

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

 

P
Rank
Userlevel 6
Badge +5

Amazing, thanks for your help.

Leave a Reply


Terms & Conditions