How do I center the content on my website.
As you can see it is slightly to the left.
If someone can help me center that it would be greatly appreciated.
]]>Any help would be greatly appreciated!
]]>The code I wrote:
<div id="listing">
<div id="listingImg"><img class="alignleft wp-image-317" src="https://totaltronics.com/wp-content/uploads/2017/06/repair300x300.jpg" alt="BMW pixel repair" width="200" height="200" /></div>
<div id="listingTitle"><a href="https://totaltronics.com/instrument-cluster-repairs/bmw/bmw-e38-e39-e53-x5-lcd-repair/">BMW E38 E39 E53 X5 LCD Pixel Instrument Cluster Repair Service</a></div>
<div id="listingDescr">Missing pixels on LCD, lack of backligth etc.</div>
<div id="listingPrice">£60</div>
</div>
and css:
#listingImg {
max-width: 25%;
margin: 0 5px 0 0;
padding: 0;
float: left;
}
It looks good when image is square. If it’s not, when shrinked to mobile size, image goes to the top of its container and text wraps under the image.
Top line contains not square picture, bottom one is square.
So the solution is either to center the image horizontally inside it’s div which I have no idea how to do, or to somehow tell the text divs to align to the border of image.
Any help very appreciated.
]]>I already tried resetting my wordpress and re-installed the theme. But it keeps the changes I have made in the code.
Any idea how to fix this?
]]>I’m using ‘Sydney’ by ‘atheme’ and my body content is not centered properly with the header menu. I have the issue on every page except the main page… Any idea how I could solve this issue?
The website is: www.fleurantmarketing.com
Thanks in advance.
]]>