Text overlaps background once green box is added

Homepage Community Forums Epik Theme Support Text overlaps background once green box is added

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #16014
    Mireille
    Customer

      Hi Wes,

      I’m experiencing a problem with the following pages below:

      http://silverlab.co.za/colloidal-silver-first-aid-kit/
      http://ghelrum.co.za/gold-bars-for-sale/

      As you can see, both have misalignments; text overlaps the white background. And it’s only once I’ve added the green box.

      I promise, this time I’ll sit tight until I receive an answer in order to help those with a similar and not run to a freelancer to fix! 馃檪

      #16021
      Wes
      Moderator

        The first part of the text shows up right because it’s inside of the "entry-content" div. But the section starting at Colloidal Silver Is Non-Toxic is outside the div for some reason. Do you know how that was done?

        If you’re unable to have everything inside of the entry-content div, then we can adjust some other parts of the css to make everything shows up the same.

        First you would need to remove the padding on the left and right side of the main content labeled entry-content (the part that is already working) so that the text shows up on the edge like the 2nd section. This is so we can get everything even. You can adjust this by going into your style.css file around line 2321 and change the padding from this –

        .entry-content {
        	padding: 0 20px 20px;
        	overflow: hidden;
        }

        To this instead –

        .entry-content {
        	padding: 0 0 20px;
        	overflow: hidden;
        }

        Next go to line 2305 or search for .entry and change the padding from this –

        .entry {
        	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        	-webkit-box-shadow: 0 3px 6px rgba(0,0,0, .2);
        	background: #fff;
        	margin: 0 3px 40px;
        	padding: 40px 0 0;
        }

        To this instead –

        .entry {
        	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        	-webkit-box-shadow: 0 3px 6px rgba(0,0,0, .2);
        	background: #fff;
        	margin: 0 3px 40px;
        	padding: 40px 20px 0;
        }

        That will add 20px of space on both the left and right sides on the entire content area inside of the white space.

        If you want me to login and do this for you I can, just let me know.

        #16383
        Mireille
        Customer
          This reply has been marked as private.
        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.