RE: How to Add Left and Right Content for the Epik Theme Widgets

Homepage › Community Forums › Epik Theme Support › RE: How to Add Left and Right Content for the Epik Theme Widgets

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 29, 2013 at 1:59 pm #4408
    golvwine
    Customer

      Hi,

      I’ve successfully followed your instructions for this under the sticky topic!

      Now I’m wondering if I can push one of the pieces of content closer to the center of the page? I believe that would be adding margin. Reason being, my image on the left is narrow and it’s a little far to the left of the page compared to the text content on the right.

      Paul

      April 29, 2013 at 2:08 pm #4410
      Wes
      Moderator

        You would probably need to add padding to the left side to push it over, or you could customize the content area to be wider so it will fit closer to the image.

        April 29, 2013 at 5:31 pm #4414
        golvwine
        Customer

          OK thanks. Can you show me where I would add the padding in this code? I’m not really an expert on this sort of thing.

          <div class=”feature-left feature-margin”>
          <h4>This title is wrapped inside h4 tags</h4>
          <p>This content is wrapped inside the “p” tag. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>

          <div class=”feature-right”></div>

          April 29, 2013 at 9:06 pm #4424
          Wes
          Moderator

            You would need to add it to the image. You could add “inline” code if you only need to add it to that one image. If you make the adjustment in your css to the “feature-right” class it will affect all other areas that use it. So you can either add a new class, or just add inline code.

            April 30, 2013 at 11:50 am #4440
            golvwine
            Customer

              OK I tried this but it just moves my image down. Can you see what could be wrong with my padding?

              `<div class=”feature-left” style=”padding-left:50px;”></div>

              April 30, 2013 at 2:23 pm #4451
              Wes
              Moderator

                I would need to see an actual link in order to see what the issue is. Your code isn’t coming through correctly, and I would need a live link so I can see everything all together.

                April 30, 2013 at 5:44 pm #4456
                golvwine
                Customer

                  OK please see here http://www.livermorewineriesapp.com/

                  I’m referring to the Home Feature 3 section with the wine glass image that I’m trying to move to the right more.

                  I’m not ready to really launch the site yet so let me know as soon as you can! 馃檪

                  April 30, 2013 at 10:57 pm #4466
                  Wes
                  Moderator

                    You could actually add this to your inline code – style="float:right; width: 20%;" and you could add padding to the right if you wanted to push it away from the content on the right.

                    You could also leave the image all the way on the left, and just increase the content to fill up the empty space….either way would work.

                    May 1, 2013 at 1:01 am #4471
                    golvwine
                    Customer

                      thank you Wes, that worked perfect!

                    • Author
                      Posts
                    Viewing 9 posts - 1 through 9 (of 9 total)
                    • The topic ‘RE: How to Add Left and Right Content for the Epik Theme Widgets’ is closed to new replies.