WordPress.org

Ready to get started?Download WordPress

Forums

Drop shadow around images and other things wrong (6 posts)

  1. Joe Rozsa
    Member
    Posted 1 year ago #

    I'm working on a WP site for a WordCamp I'm organizing using the 2012 theme. I'm getting the annoying drop shadow around all my images and can't seem to find any way to get rid of it. I'm not sure my theme is running correctly though. At first I had no visual editor. I had to play around with loading one of the other default themes, then back to 2012 and it appeared. ??? I also have no style sheets to edit and the contact form is really narrow.

    Here is the link to my site: http://2013.northcanton.wordcamp.org/

    Also, not sure this has anything to do with anything, but I could only choose WP 3.5, but my dashboard says this: You are using WordPress 3.5.1-alpha-23224.

  2. linux4me2
    Member
    Posted 1 year ago #

    I see a drop shadow around the image on your home page and contact page, but both are part of the images. Maybe you mean the box-shadow (really just a line in your case) around the images?

    That's easy to get rid of on line 357 of your /wp-content/themes/twentytwelve/style.css, which looks like this:

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

    To get rid of the box-shadow, just comment it out like this:

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        border-radius: 3px 3px 3px 3px;
        /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
    }

    By the way, you really should be using a child theme so that any changes you make to the theme won't be overwritten when you upgrade the theme.

    I wouldn't recommend an alpha version of WordPress for a production site. I'm not sure how you got there. Did you do a one-click install from your web host, maybe?

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    By the way, you really should be using a child theme so that any changes you make to the theme won't be overwritten when you upgrade the theme.

    Absolutely! Don't modify theme files, especially in a default theme. If you only need to make CSS changes, another option is to use custom CSS -- jetpack plug-in is a good option for that.

  4. Joe Rozsa
    Member
    Posted 1 year ago #

    Thanks for the reply linux4me2 and WPyogi. Your right about the shadow being a line. I should have been more clear. Here's the problem, I don't have access to any code to change, there in lies my frustration. I didn't set this install up, as part of being a WordCamp Organizer, everything you're seeing was given to me including the alpha version of WP by WP.org. I've gone into many WP sites and "fixed" things like the shadow (line) issues that's why this one is so confusing. As far as a child theme, I don't think I have the ability to do that either, but I'm not sure. I don't have the ability upload any plugins either. Maybe I'm missing something here.

  5. linux4me2
    Member
    Posted 1 year ago #

    Hmmm...All I can think of is to contact the people who set up the site for you and tell them you want to be able to make some changes, or give them a list of changes you want and maybe they'll make them. They may have some kind of multisite setup going, but I don't have a clue.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    According to this page, you can customize the CSS and that also shows on your site, so under appearance there should be a tab for Edit CSS.

    Ignore what we said earlier about child themes - that site is set up for organizers, so you really don't need to mess with anything except CSS if you want to. But per the page above, sounds like you can email them if you have an out of the ordinary request or question.

    It should work to put this in the custom CSS:

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        box-shadow: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.