Change the colour

Support
#1

Hi
I want to change the background colour (red box). How to set ?
Thanks

#2

Hi There,

Thank you for writing in, please add this to Theme Options > CSS

.x-navbar {
	background-color: red;
}

Feel free to replace the color value.

Hope it helps,
Cheers!

#3

I mean “red box” , not change to red colour .And also use this colour code #74C69B. .
Thanks

#4

Hi There,

Yes, I understand that, red is just my example.

You’re welcome, Cheers!

#5

Hi

How to use colour code? Put the code in css?

Thanks

#6

Hi,

Yes, you replace the red value with your colour code #74C69B

e.g.

.x-navbar {
	background-color: #74C69B;
}

HTML color codes
CSS background-color property

Cheers!

#7

Hi

How to connect these two part? ; )

Thanks

#8

Hi there,

You will have to remove this empty container:

Hope this helps.

#9

Hi Jade
How to set the high of footer? or hide of this part.
Thanks

#10

HI there,

Please note that each thread should be specific to one topic to avoid confusion. In case you have a new question that is not related to the original question of the thread, please open a new one.

Now, to add height to the footer, you can increase the top and bottom padding of the footer area by adding this to the Global CSS:

.x-colophon.bottom {
    padding: 6% 0;
}

To remove it, please go to X > Theme Options > Footer then disable Bottom Footer.

Hope this helps.

#11

Hi Jade
I add this css in Global CSS , but it haven’t change. Could you help me to check my site setting,
Thanks

#12

Hi there,

The code suggested works as I have checked:

Please note that you are free to change the values of the CSS code provided. So if you want the height longer, increase 6%, if you want it smaller, set it to a value smaller.

Hope this helps.

#13

Hi Jade
Can i hide this part ? (RED box), because I can’t find these setting.
Thanks

#14

HI there,

Please save the settings then refresh the page and see if the bottom footer is still visible.

Let us know how it goes.

#15

Sorry Jade

Can I change the Footer background colour ( red box) ?

Thanks

#16

Hi there,

Please try this code in the Global CSS:

.x-colophon.bottom {
    background-color: #efefef;
}

Feel free to change the color value in the code below.

Hope this helps.

#17

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