Title: Bullet Points Overlapping Image Last modified: August 22, 2016 --- # Bullet Points Overlapping Image * Resolved [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/) * Hi I’d appreciate if someone could take a look at this. When I align the image left the bullet points overlap the image. I want the all the bullet points and text out to the right. I added the image with the add media widget. I really don’t want to have to edit the css files. Is there another widget I can download to add images. Any other solution? Thanks Viewing 15 replies - 1 through 15 (of 15 total) * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758572) * > could take a look at this * please post a live link to illustrate the problem. * [http://codex.wordpress.org/Forum_Welcome#Include_as_much_information_as_possible](http://codex.wordpress.org/Forum_Welcome#Include_as_much_information_as_possible) * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758574) * Sorry, I could have sworn I included the link [http://formacionredrock.com/servicios/presentaciones](http://formacionredrock.com/servicios/presentaciones) * Thanks * [Marvel Labs](https://wordpress.org/support/users/royalprince/) * (@royalprince) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758575) * Please include the link now * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758624) * re: link – the link did not show because there was possibly no word or text used to create the link; generally, you would highlight some text, then click the ‘ link’ button and insert the hyperlink. * re: bullet points – viewed in Firefox and Chrome, the bullet points are to the left of the image. * what browser are you using? * [martcol](https://wordpress.org/support/users/hotmale/) * (@hotmale) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758626) * ``` .post-content > ul { display: table; } ``` * I have no idea why but I think that CSS will work. You could think of trying that with a CSS plugin. * The only other solution I can think of is to try align left for the top image and align right for the lower image so that the list is on the other side of the image. * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758630) * I am testing it IE10. I can see that the bullet points are to the right in Firefox and Chrome but they are very close to the image. I want to create a few pages like this i.e. with the bullets to the right of the image, so I need a fix. * [Formacion Red Rock](http://formacionredrock.com/servicios/presentaciones) * When I go to edit that particular css file, the code is one extremely long line of code and it takes 10 minutes to scroll across it through wordpress file browser. I could go it through the host control panel but I’m not confident that I won’t change something else on the site. * Thanks for your help * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758634) * Can you post a screenshot of the issue you see? * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758635) * I can’t see where to upload files here. is it possible? * Here’s the code * ``` Contenidos: bus_woman_presenting ``` * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758638) * Sorry I meant can you link to a screenshot? * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758640) * I’m not sure what you mean by linking to a screenshot! The link to the page should show the problem, no? * [Problem Page](http://formacionredrock.com/servicios/presentaciones) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758664) * Not really, you said there was an issue in chrome that the bullet points are close to the image. We don’t know what is too close in your opinion. * [martcol](https://wordpress.org/support/users/hotmale/) * (@hotmale) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758665) * For what it’s worth, I think that * ``` .post-content > ul { display: inline-block; } ``` * Will also do what you want. * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758704) * Thanks for all your help. * Where do I enter the code above? Anywhere in the css file? * I guess what I really need is an add media widget where padding can be controlled. In the this particular case I would like the bullets to be 15px from the image. In Chrome and Firefox they are about 3px and in IE they overlap to the left of the image * [martcol](https://wordpress.org/support/users/hotmale/) * (@hotmale) * [11 years, 3 months ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758705) * You can add CSS to your theme by using a child theme which will prevent things being lost if you update the main theme. * You can also use a custom CSS plugin. * Some themes have the function built in to add custom CSS. * You can use the Firebug plugin on Firefox or other browser developer tools to examine and mess with your CSS * Maybe the plugin option is the quickest? * [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/) * Have a go and come back if you still have problems. * Thread Starter [Alamshar](https://wordpress.org/support/users/alamshar/) * (@alamshar) * [11 years ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758874) * Finally got round to doing it on a child theme * Thanks Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Bullet Points Overlapping Image’ is closed to new replies. ## Tags * [bullet points](https://wordpress.org/support/topic-tag/bullet-points/) * [image](https://wordpress.org/support/topic-tag/image/) * [overlap](https://wordpress.org/support/topic-tag/overlap/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 15 replies * 5 participants * Last reply from: [Alamshar](https://wordpress.org/support/users/alamshar/) * Last activity: [11 years ago](https://wordpress.org/support/topic/bullet-points-overlapping-image/#post-5758874) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics