Content Overflows on Right Side

Discussion in 'ColorWay WordPress Theme' started by smillas, Jul 26, 2013.

  1. smillas

    smillas New Member

    Joined:
    Jan 16, 2012
    Messages:
    23
    Likes Received:
    0
    Hello---

    I've managed to work around the issue but for whatever reason on the page below if I didn't create weird spacing the text would overflow to the right (into the grey area). You can look at the HTML to see what I had to do to compensate for this problem. Again, it looks fine now but if I didn't create weird spacing it would overflow quite a bit:

    http://www.elitemakeupdesigns.com/makeup-portfolio/engagement-photo-shoot-makeup-artist-portfolio/

    Also, I want to add the slider on the page below to the page above. For whatever reason if I simply copy the shortcode the slider ends up overflowing to the right as well. Any thoughts?

    http://www.elitemakeupdesigns.com/services/makeup-artist-engagement-photos/

    I'm assuming it has something to do w/ the fact that its a gallery page. Any thoughts?

    Thank you in advance for your help!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  3. smillas

    smillas New Member

    Joined:
    Jan 16, 2012
    Messages:
    23
    Likes Received:
    0
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .folio-content ul.thumbnail h3 {
    padding-right: 85px;
    }
    ul.thumbnail p {
    padding-right: 80px;
    }
    This will solve your issue.
     
  5. smillas

    smillas New Member

    Joined:
    Jan 16, 2012
    Messages:
    23
    Likes Received:
    0
    Piyush--

    Thank you for the update. Any idea why the padding might be so great between the slider and the h4 tag? (I changed it to an h4 to see whether or not that might help the spacing- I'm assuming the above code can be edited to reflect whatever tag I'm using).

    Thanks again.
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .nivoSlider {
    margin: 0!important;
    }
    .folio-content ul.thumbnail h4 {
    margin-bottom: 0;
    }
    
     

Share This Page