Support » Themes and Templates » Preference Lite » How to centre gallery on page

How to centre gallery on page

  • 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,

Viewing 10 replies - 1 through 10 (of 10 total)
  • 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

    Try a div container around the shortcode like this:

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

    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,

    @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.

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

    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

    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.

    Hi – I have the same problem…Did you find a trick?


    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.

    Theme Author Styled Themes


    @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.

    my mistake! I’ll try and find the plugin’s author…

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to centre gallery on page’ is closed to new replies.
Skip to toolbar