1) you need to remove the styling from the elements since that will have the highest precidence, then you can add CSS to play with floating the images. You will need to specify the width of the page equal to or greater than the width of all the images added together.
2) make your images smaller – your site loads in at 10.4 MB – how many times will a iphone user visit the site when they see their data usage being eaten up.
whay not use a smaller image and a ligtebox gallery to scroll thru them?
Hey juggledad, thanks for your response. I’ll look into reducing the images sizes, I’ve already noticed it loads too slowly with the images I have. When you say “remove the styling from the elements that will have the most precedence” can you be more specific which elements and do you think I can just override them using !important;? Thanks again.
I assume you are using a lugin to add the images. That plugin is creating the HTML code for the images and it looks like this
<div class="gallery_classic_entry" style="margin:auto;width:800px;">
<img src="http://petermichelena.com/wp/wp-content/uploads/2014/11/red1.jpg" alt="" style="width:800px;height:1060px;" class="gallery_img animated9"/>
</div>
<br/>
Notice there is a inline ‘style’ on both the <div…> and the <img…>
Use of inline ‘style’ on an element trumps all other CSS and it is probably the plugin creating the code and putting this CSS there.
You will need to (1) check the plugin and see if there is an option to change the way it works (2) talk to the plugin author to see if they will change it (3) edit the plugin yourself and change the code (4) hire some to change the plugin for you or (5) find another plugin.
I’m using theme’s image upload interface and not a separate plugin. I’ll look over the template for the gallery classic and see if I can find the HTML code you refer to. Thanks again.
