WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
How to centre gallery on page (11 posts)

  1. nic_137
    Member
    Posted 5 months ago #

    Hi,

    I'm including a shortcode gallery on my page, and am trying to centre it on the page but it's not working. I've used the text centre button, so when I click on the text button, the code looks like this:

    <p style="text-align: center;">[su_custom_gallery source="media: 55,53,52,51,50,25,8" title="never"]</p>

    Can you tell me what to add to make this centred on the page please?

    Thanks v much,

  2. nic_137
    Member
    Posted 5 months ago #

    I'm having the same problem with a shortcode google map that I've included on my contact page. The map is also too bit, but even though I've changed the size, it's not appearing any smaller. This is probably something to do with the shortcode rather than the theme - but just in case.

    Thanks again

  3. StyledThemes
    Member
    Theme Author

    Posted 5 months ago #

    Try a div container around the shortcode like this:

    <div style="text-align: center"> your shortcode </div>

  4. nic_137
    Member
    Posted 5 months ago #

    Aw I'm afraid it hasn't worked. I've tried both of the following (I'm not sure if the [] makes a difference) Here's the 2 things I've tried:

    <div style="text-align: center">[su_custom_gallery source="media: 55,53,52,51,50,25,8" title="never"]</div>

    <div style="text-align: center">su_custom_gallery source="media: 55,53,52,51,50,25,8" title="never"</div>

    Are you able to advise any further?
    Thanks for your help,

  5. Eric Arcana
    Member
    Posted 5 months ago #

    @nic_137: do you have a link of the issue, helps in finding problems.

    I'm building a theme with multiple header options, so I'm using the following to center a section within like this:

    #inner-header {
    margin: 1.25rem auto;
    }

    Using margin auto for the left & right values allows me greater flexibility when dealing with responsive elements.

  6. StyledThemes
    Member
    Theme Author

    Posted 5 months ago #

    Actually as Eric mentioned, a link would be better so I can check out the code.

  7. nic_137
    Member
    Posted 5 months ago #

    It's got an 'under construction' on it - I don't think you'll be able to get in to see it.

    I don't really know what I'm doing when it comes to code, but I'll have a play about.
    Thanks again

  8. StyledThemes
    Member
    Theme Author

    Posted 5 months ago #

    how about this... what size are your gallery thumbnails and how many rows and columns do you have it set? Also, what page template is your page using...I will try to duplicate it on my local test site to see if it's the theme code that needs adjustment.

  9. poudanet
    Member
    Posted 3 months ago #

    Hi - I have the same problem...Did you find a trick?

    http://lesensduweb.com/terrehum/th/valeurs

    I also tried to change the css as

    su-custom-gallery-slide img {
    	border: 0px;
    	padding: 0px;
    	margin-left: 30px;
    }
    .su-custom-gallery-slide:hover img {
    	border: 0px;
    	padding: 0px;
    }

    for some reason the hover works but not the img!

    Thanks for your help.

  10. StyledThemes
    Member
    Theme Author

    Posted 3 months ago #

    @poudanet...sorry, can't really help you on this one because that CSS is not related to this theme, as well the theme you are using on your link you posted is not Preference Lite.

  11. poudanet
    Member
    Posted 3 months ago #

    my mistake! I'll try and find the plugin's author...

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.