If there is no setting for alignment you will need to do this using some custom css. If you are unable to write the necessary css, please post a link to the page containing the new element.
hi thanks for the reply, the site url is here http://plantvitalityltd.co.uk/?page_id=9
Hi, You can use:
#wppg-gallery-display {width:92%; margin: 0 4%}
Unfortunately this will only work when the browser width is at or over the maximum site width, generally on a desktop display. As the browser width reduces, the values will change. Variable css can be achieved by responsive css coding but this is beyond what I can do in the forum situation.
hi thanks, where would i add this code?
There are various options for adding custom css. Some themes will enable it in Appearance / Customise / Custom CSS, though the menu position can vary depending on the theme. If not, you could use a Custom CSS plugin, or you can create a child theme and add the css to style.css.
i used the custom css plugin and added the above but nothing changed
I can see from the page code that you’ve added it correctly but the custom css was loaded before the photo gallery css and therefore the custom css was overwritten. Its going to get heavy to work around that and, as mentioned, the fix will only work part of the time. You may need to hire someone who can put in the time to get this to work as you would like at all monitor resolutions.
