WordPress.org

Ready to get started?Download WordPress

Forums

Snapshot
[resolved] Gallery issues (20 posts)

  1. ColletteCM
    Member
    Posted 1 year ago #

    I am having an issue with my galleries, as well as a question about something I want to tweak. If anyone can help me it will be greatly appreciated.

    Issue is that I have no broken links or image files that look like there is something wrong with the upload. They appear fine in my media, and in my gallery when I am logged into WP. However, when I am viewing my site I can see the thumbnails for every picture but only half of them show up when clicked. The others say "we can not find what you are looking for". Any reason why certain images wouldn't be loading if they don't appear to have any obvious issues??

    What I want to tweak is the spacing around the thumbnails. There is spacing horizontally but not vertically, so the top and bottom of each row touch. I have tried putting various hard coding into the .css file that doesn't seem to be working. What is frustrating is that it is the exact same coding I added for another website and it worked just fine, so is there some block with these theme??

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    so is there some block with these theme??

    Unlikely. CSS is completely theme-specific. Unless you're using the exact same theme and plugins, then the same CSS is unlikely to work.

    Can you provide a link to the webpage with the spacing issue?

  3. ColletteCM
    Member
    Posted 1 year ago #

    I used two different themes. However, I feel like something is going on with this snapshot theme. Anything I hardcode doesn't work. I used the exact same coding to remove comments as I did before in the other website and it wouldn't work for this one. I had to go import a plugin. So that's the only thing I can think of?

    The previous coding I had was:
    div#page-0.hentry img .single-thumbnail {
    border: 1px solid #aaaaaa!important;
    }
    img.attachment-thumbnail {
    border:2px solid #aaaaaa;
    }

    It worked just fine so I copy pasted that and just removed the border part since I only want a margin this time but nothing happened. Then I went through various forums and tried 4 different ways to code it and still nothing :/

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Maybe you've a syntax error in your stylesheet?
    I'm just guessing. Can you provide a link to the issue?

  5. ColletteCM
    Member
    Posted 1 year ago #

    http://onlineport.modellette.com/?page_id=98

    The images in each row shouldn't be touching the row above and below. I want the same spacing between them all around.

    These are galleries that I have put inside pages.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Where are you making your CSS changes?

  7. ColletteCM
    Member
    Posted 1 year ago #

    In the style.css

    I can get my hosting to give me access to anything else to edit though if need be. I host through a friend. But currently that's the only file I am editing. what is a syntax error? Btw, I am new to code so this is not my forte....

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you make your CSS modifications through a Custom CSS plugin?
    Like this http://wordpress.org/extend/plugins/custom-css-manager-plugin/

    At the moment I cannot see the style that is not working in your style.css file.

  9. ColletteCM
    Member
    Posted 1 year ago #

    I'm not sure, I haven't tried that yet. So you think that is something I need to do and to quit editing the style.css? Or is there just another way I can code it to get those margins in the gallery that maybe I haven't tried yet?

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    So you think that is something I need to do and to quit editing the style.css?

    The Custom CSS Manager provides an environment where you can easily identify issues with your CSS modifications.

    You need to tell me what CSS you said you added that didn't work, because I can't find them in the stylesheet. The examples you provided above, "div#page-0.hentry img .single-thumbnail" are not in your stylesheet so I cannot debug why they are not working.

  11. ColletteCM
    Member
    Posted 1 year ago #

    Something is wrong that I can't figure out. I used a font plugin for my other website that was very helpful and I receive errors when I try to use the exact same plugin on this website. It says access denied and other various warnings. The snapfish editor won't respond to my inquiries soooo not sure what to do. But I've worked on this site too much to give up hah.

  12. ColletteCM
    Member
    Posted 1 year ago #

    Oh that's because I got frustrated and removed it after trying multiple CSS for that. Let me put it back in.

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    Your border styles aren't working because of this style:

    .entry-content .gallery img {
    	border: none !important;
    }

    Always try to avoid using !important because you end up using !important for everything.

  14. ColletteCM
    Member
    Posted 1 year ago #

    Okay, it now just says:

    div#page-0.hentry img .single-thumbnail {
    margin: 10px
    }

    Still nothing changed....

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    Still says:

    .entry-content .gallery img {
    	border: none !important;
    }

    Search your stylesheet.

    Was that originally in your theme?

  16. ColletteCM
    Member
    Posted 1 year ago #

    Maybe? Haha I have no idea. Sorry this is very trial and error for me. All I added was at the bottom and it was just this:

    }
    div#post-0.hentry.error {
    visibility: collapse;
    }
    div#comments-template {
    visibility: collapse;
    }
    div#comments-reply {
    visibility: collapse;!important;
    }
    div#page-0.hentry img .single-thumbnail {
    margin: 10px
    }

    However, none of it seems to matter or show up. So that's why I installed the plugin to remove the comments option throughout the website. Let me try to see where that section is that you are mentioning.

  17. ColletteCM
    Member
    Posted 1 year ago #

    hm yeah I do see that now. That was not put in by me. So that must be originally in the theme from the creator. Which would explain why I can't edit it since he put the important bc then it overrules mine, correct?

  18. ColletteCM
    Member
    Posted 1 year ago #

    ugh why would someone make that uneditable?? very annoying. I see here where I want the change to be:

    }

    .entry-content .gallery .gallery-item {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    }

    I want a margin! So can I just delete that !imprtant; or change the number from 0 to 25px?

  19. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you're trying to override !important styles, you need to use the exact or more specific selectors and also use !important.
    E.g to override that margin: 0 !important style, use this:

    .entry-content .gallery .gallery-item {
     margin-bottom: 10px !important;
     margin-top: 10px !important;
    }

    Edit: I'm going to sleep.

  20. ColletteCM
    Member
    Posted 1 year ago #

    THANK YOU!!!!!!!!!!!!!!!!!!!!!! SUCCESS :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic