overwrite style-responsive.css child theme

  • chiwawaweb

    (@chiwawaweb)


    10 years, 6 months ago

    hello everyone,
    I created a child theme in a new folder, I created style.css and this works fine but the responsive version of the theme is under control of style-responsive.css. This file is in the styles folder. How could I overwrite this file with my child theme?
    Nobody knows how can I do?

    Thanks in advance
    Marco

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 6 months ago

    It’s the same as if you were trying to override the parent theme style.css file. Put the CSS inside your Child Theme style.css file. If necessary, use more specific selectors.

    Thread Starter chiwawaweb

    (@chiwawaweb)

    10 years, 6 months ago

    hi Andrew,
    your method does not work. I put The CSS inside my child theme style.css file doesn’t override the CSS in the style-responsive.css

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 6 months ago

    Try using more specific selectors. If that doesn’t work then you need to show us a specific example of the issue; the style-responsive CSS you’re trying to override, the Child Theme CSS you’re using to override it and a link to a Webpage that has the issue.

    Thread Starter chiwawaweb

    (@chiwawaweb)

    10 years, 6 months ago

    I want override this:
    #logo {border-left: 1px solid #EEE !important;border-right: 1px solid #EEE !important;}
    in style-responsive.css
    with

    #logo {border-left: 0px solid #EEE !important;border-right: 0px solid #EEE !important;}
    puts in my style.css

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 6 months ago

    The theme’s demo doesn’t have a border on its logo so you’ll need to show us the Webpage with the problem: http://demo.thinkupthemes.com/sento-free/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 6 months ago

    A more specific selector would be:

    body #logo {border-left: 0px solid #EEE !important;border-right: 0px solid #EEE !important;}

    Thread Starter chiwawaweb

    (@chiwawaweb)

    10 years, 6 months ago

    I’m talking about the mobile/responsive version of the theme this has the borders on its logo…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 6 months ago

    So you’re trying to remove the borders? Try this:

    body #logo {
    border: 0;
}

    Thread Starter chiwawaweb

    (@chiwawaweb)

    10 years, 5 months ago

    Isee that now works, there aren’t logo’s bordes in mobile version but I don’t make any changes…

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘overwrite style-responsive.css child theme’ is closed to new replies.