Text spacing issue

Homepage › Community Forums › Epik Theme Support › Text spacing issue

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 23, 2013 at 6:14 pm #6749
    Abigailjane
    Customer

      Hi, Here is my site: http://www.minovalleyfarmsanctuary.org

      As you can see just under my slider area I have added an opt-in. I need to figure out how to get the text and input boxes to look evenly spaced across the screen. Right now there is too much space in the middle between the text and the input boxes and it is all sort of pushed to the right. On my English homepage it’s the same problem but all pushed to the left: http://minovalleyfarmsanctuary.org/en/

      What do I need to edit to make it look right and still keep it looking good on mobile?

      Thanks
      Abigail

      August 24, 2013 at 12:18 pm #6765
      kronos
      Customer

        These are custom widgets you’ve added right? I don’t see any widths defined to any of the widget areas, so you’d need to do that to the div’s that you created. You would also need to center them by adding something like –

        margin: 0 auto;
text-align: center;
width: 1140px;

        ..which depends if you’re trying to center them.

        You said its too far to the right? It’s showing up all the way on the left for me.

        August 24, 2013 at 2:24 pm #6771
        Abigailjane
        Customer

          Hi, thanks for the response, these are widgets home feature 1 left and home feature 2 right so i have just been fiddling with the code for those widgets.

          It’s looking a little better now but still not very centered and it now looks bad on my ipod. Any ideas?

          When I add a defined width is messes everything up on the ipod.

          August 25, 2013 at 10:54 pm #6821
          kronos
          Customer

            They aren’t centered because you have them set to float left. You can’t really center anything that is floating left or right. You would need to go through each div for those fields and either change them to ‘display: inline’ or just remove the floats altogether. You would have to do this for the widget and the code inside of the widget.

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.