Css issue - by DeVereor - on WordPress WooCommerce support

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

  • Avatar: DeVereor
    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.
    6 Answers
    Avatar: DeVereor
    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.
    Avatar: Olga Barlow
    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

    Avatar: DeVereor
    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

    Avatar: Olga Barlow
    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

    Avatar: DeVereor
    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 🙂

    Avatar: Olga Barlow
    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

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.