Text Overflowing Widget Area

Homepage › Community Forums › Epik Theme Support › Text Overflowing Widget Area

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 1, 2015 at 4:21 pm #16805
    leah
    Customer

      I have added text to the Slider Wide area over a graphic, but when I shrink the page, the text overflows into the following widget areas. How can I keep the text within the widget area? The site is http://linklings.com/wordpress/. Your help is greatly appreciated!

      December 2, 2015 at 12:22 am #16806
      Andykev
      Customer
        display: inline-block;
min-width: 100%;
color: #FFF;
font-size: 28px;
font-weight: 500;
padding: 50px;
text-shadow: 1px 1px #000;
text-align: left;
margin-top: 10px;
margin-right: 150px;

        Yes, change the code to above. You have min-width: 203px which locks it from being responsive. Once the screen shrinks the code (203px) is what it’s being told to do…so it keeps the text that size. Using a percentage % commands that the text or image will adjust to that size based on given screen.

        Hope that helps.

        December 2, 2015 at 12:38 am #16807
        Andykev
        Customer

          Sorry, missing something. Didn’t quite work. It contains the text, until the very smallest screen. Need to look again.

          December 2, 2015 at 12:45 am #16808
          Andykev
          Customer

            padding: 0px;

            Change the padding to “0px”

            the “50px” is causing it to overflow.

            December 2, 2015 at 1:56 pm #16810
            leah
            Customer

              Thank you, Andykev! I also figured out that the height restricted the image size. I changed it to a min-hight instead and it resolved the issue.

            • Author
              Posts
            Viewing 5 posts - 1 through 5 (of 5 total)
            • The topic ‘Text Overflowing Widget Area’ is closed to new replies.