Metaslider custom css not working

  • Resolved spartanlocke

    (@spartanlocke)


    9 years, 4 months ago

    What it says when I inspect element:

    .metaslider .caption {
    padding: 5px 10px;
    word-wrap: break-word;
    }

    Now I want to change the padding. When I change it indirectly via inspect element, it works. When I copy it over to style.css it doesnt work. Am I missing a selector here?

    By the way I am doing this via localhost, so I wont be able to link my site. Sorry for that. Just starting out.

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

  • When I copy it over to style.css it doesnt work.

    Where are you adding to the stylesheet? It’s possible there’s another declaration later on in the stylesheet that’s overriding what you add.

    It’s also possible that WordPress is loading another stylesheet after yours that is doing the same thing.

    Thread Starter spartanlocke

    (@spartanlocke)

    My stylesheet is empty except for one line. I am using a child theme if that mattters. If there is another stylesheet loaded after style.css how do I find out?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can just use more specific selectors to override things in CSS, e.g.:

    body .metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
}

    If there is another stylesheet loaded after style.css how do I find out?

    View the source code for the page. The stylesheets are loaded in the <head> element.

    Thread Starter spartanlocke

    (@spartanlocke)

    Wow Thanks Andrew! Simply adding body did the trick!
    Also thanks everyone for trying to help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Metaslider custom css not working’ is closed to new replies.

Tags