Issue with CSS for specific galleries after editing project

  • Author
  • #3041132

    I have a CSS global command for the backgrounds of portfolio galleries. I’ve changed the background for specific galleries in portfolio projects (e.g. “#gallery-18-1 {background: #fff}).

    The problem is if there are multiple galleries in a project, when I edit a gallery in a project (not the number of galleries in a project), it seems to renumber all the galleries (e.g. gallery-18-1 becomes gallery-18-11) in that project and i have to go back to all the CSS commands and edit the gallery numbers.

    Is there a way around this? Fixing the gallery numbers? or maybe a different way to change appearance of specific galleries after adding a global CSS command?

    p.s. I’m using the Illustratr theme.


    The blog I need help with is



    If you add a wrapper around your gallery, you could assign a unique ID to that wrapper and then target that wrapper in your CSS. For example, you could add the following wrapper:

    <div id="gallery-wrapper-1">
    Gallery code.

    Then target the gallery inside that wrapper using #gallery-wrapper-1 in your custom CSS.

    Let me know if that’s clear or if you have further questions!


    is there a way to get rid of ?gallery= before the gallery name?

    for instance

    I already know that if I created pages, I don’t have this issue, but in Galleries do and they are super annoying and SEO unfriendly
    How do I fix it?
    I like my galleries, but I am frustrated with this issue
    Thank you


    Hi @shaunalexanderphotography, it looks like you are using WordPress but you are not hosted here at For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based forums.

    The differences between and

The topic ‘Issue with CSS for specific galleries after editing project’ is closed to new replies.