Image class is not working

  • Resolved Liz

    (@elc95736)


    10 years, 4 months ago

    My site: https://doehrmann.com/wordpress/about/

    I have several images on my About page that I am trying to position the same way. They are under an image div class and yet when I try to edit them in my CSS with .image or even:

    .image > a.grouped_elements > img {
    padding-left: 10px;
}

    they’re not responding. Is there something in my coding that is causing this issue?

    Thanks!

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does this work:

    body {
 border: 10px solid red !important;
}

    ?

    Thread Starter Liz

    (@elc95736)

    I’m sorry, what do you mean? For my images does that work or are you asking if that is something in my CSS that is causing the problem?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Maybe you have a syntax error in your CSS?

    Thread Starter Liz

    (@elc95736)

    Hm, sorry, I’m still new to some of this. What could that be? Or what does that mean? I’ve already tried re-entering my coding piece by piece and couldn’t find the problem.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, first where are you adding this CSS?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I see the problem now. Look at your Media Query – sorry not sure if you’re familiar with that term but it’s in your code – can you see that you haven’t closed it off?

    @media only screen and (max-width: 1025px){

    Your CSS does in fact work up to the screen size of 1025px (width).

    Thread Starter Liz

    (@elc95736)

    Sorry. So the theme is Customizr, but I didn’t think it was an issue with the theme so I put this question under the the general forum. I am entering into the custom CSS in their “Customize It” area. That’s where I’ve been working on the code.

    Thread Starter Liz

    (@elc95736)

    Okay. Yes, I took over coding this site from another person who created the initial custom CSS so at this point I’m just re-working their work. I see that in the coding, what do I need to change/add to it?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to choose which styles you want to be only applied until the 1025px screen width, and when you have chosen add an ending curly brace } around those styles.

    Thread Starter Liz

    (@elc95736)

    I’m so sorry to keep bugging you, but I’m still not sure what you mean. What styles can I add here? What should I add so the .image is in effect?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there any way you could contact that other person who added the CSS in? That person should be able to identify what styles were supposed to be affected for the 1025px screen limit and what weren’t. We can’t make that assumption for you.

    Thread Starter Liz

    (@elc95736)

    Yes I will. Thank you so much for at least being able to point me in the right direction. I appreciate it!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Image class is not working’ is closed to new replies.

Tags