Space and color

Support
#1

hi
in my top bar, I want to put a space between phone number and the address

How I do that ?

Also possible to change the color of the text ?

here my code in html

<p style="text-align:center;">Téléphone: 418-871-4666 Sans frais: 1-888-837-18671385, avenue Galilée
Québec, Québec
G1P 4G4  <a href="mailto:[email protected]" target="_blank"> Nous joindre</p>

and the css

.x-topbar-inner p { font-size: 16px; }

My website is http://belzonaquebec.com

thanks

#2

Hi Jean,

Thank you for reaching out to us. To give spacing between words, you can use HTML Non Breaking Space &nbsp; you can use it like this:

<p>123456789 &nbsp; Your address</p>

You can add multiple &nbsp; to add more spaces between the words. To learn more please see https://www.w3schools.com/html/html_entities.asp

To change color you can add inline style color: #fff; to your <p> tag e.g:

<p style="text-align:center; color: #fff;">Téléphone: 418... </p>

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#3

thanks, everything is working great

finally, for the footer.
how to change the height and the color

thank you very much

#4

Hello jean,

The footer colors can be changed in X > Theme Options > Renew. There should be a color picker that you can use to select the background colors for your footer. To change the text and link colors of your footer, you may changed it in X > Theme Options > Renew > Typography Options.

The height of the footer cannot be changed. There is NO setting for that. It has a built in top and bottom padding of 50 pixels. It is only possible with custom css which we cannot provide because it is already outside the scope of our support.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps.

#5

thank you very much

#6

We are delighted to assist you with this.

Cheers!

#8

Hey Jean,

Your recent post reply was withdrawn.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.