Return to previous page

Css issue - by DeVereor - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

DeVereor

Participant

February 12, 2018 at 10:10

assumed custom css would overide existing css, seems not to be the case?
trying to get a text box to change font size to scale for mobile, however i cannot change colour or font, see screenshot.

Please, contact administrator
for this information.

#184759 Copied

6 Answers

DeVereor

Participant

February 12, 2018 at 10:13

also, and i thought i had already asked this but the post has vanished..
1) woocommerce “demo, no sales will be honored” banner has vanished when active, now just shows background colour where it should be (set to red in screenshot to show).
2) how do i edit spacing in menu? ahain, see screenshot.

thanks,
chris

Please, contact administrator
for this information.

#184763 Copied

Olga Barlow

Support staff

February 12, 2018 at 17:23

Hello,

assumed custom css would override existing css, seems not to be the case?

– It depends on the style that you want to override and its priority. Also, you did not add the units http://prntscr.com/idpgcj

1) Use Customizer to enable WC store notice http://prntscr.com/idpjpj
2) Do you want to change the letter-spacing? Edit Custom CSS http://prntscr.com/idplg0

Regards

#184850 Copied

DeVereor

Participant

February 12, 2018 at 17:52

damn it! so often i post and it returns saying cannot find your servers 🙁
try again..

i realised mistake just after sending message, but still didn’t work. on inspect just shows with strike through like in screenshot.
1) i know, with it on i just get blank space with background(red in screenshot), it used to work.
2) no no, i want to change the spacing between the words, not the letters.

Regards

#184855 Copied
Olga Barlow

Support staff

February 12, 2018 at 18:57
Hello,

Edit the element http://prntscr.com/idr10p and change the units. You did not do this. Stil font-size is without units.

1) Do you want to change the bg and text color for that notice? Add the following custom then
```
.demo_store {
    color: #ffffff;
    background-color: #ff0002;
}
```
2) Change the padding to what you need
```
.menu-wrapper .menu > li > a {
    padding: 0.77em 0.07em;
}
```
Regards
#184861 Copied
DeVereor

Participant

February 12, 2018 at 19:19

yes in the screenshot it is still without the units.. on the live site that bit of css i deleted as it doesn’t change it. i know i can change it on the element directly, but then i cannot make it vary on mobiles
1) i want it to be visible again :/ the red space in the screenshot is what displays if i turn it on. and red is my homepage background colour i set to see gaps.
2) that worked perfectly, thank you. silly question, what does em mean? and why does reducing that number not reduce the space further?

regards 🙂

#184870 Copied
Olga Barlow

Support staff

February 13, 2018 at 11:58
Hello,

Styles that you apply from style tag for the element always have higher priority than custom CSS. So, if you don’t plan to add units there then remove the font size for the elements in element settings.

1) I see the notice http://prntscr.com/ie2ent What is wrong now with it?
2) Every menu item has also default margin. If you want to reduce the margin also use this code
```
.header-wrapper.header-two-rows .menu-wrapper .menu > li {
    margin: 0 5px;
}
```
Regards
#184929 Copied
Tagged: css, issues, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)