Footer Widget – How to align text and image

Homepage Community Forums Epik Theme Support Footer Widget – How to align text and image

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16235
    jonathonfowler
    Customer

      Hi there!

      I’ve updated my footer widget – Footer 3 – to have a brief piece of text on the left and my photo on the right. What I’ve done kind of works, but the vertical alignment is out a bit. You can see what I mean here:

      The code I used is:

      <div class=”feature-left feature-margin”>
      <p>I’m Jonathon and I live in Edinburgh with my wife and 3 children. I’ve been specialising in wedding photography in Edinburgh and Scotland since 2006.</p>
      </div>

      <div class=”feature-right”>wedding photographer Edinburgh </div>

      Please can someone advise what I need to change to get the image and text to align nicely/vertically?

      Thank you in advance!

      #16236
      jonathonfowler
      Customer

        Sorry the link to my site didn’t appear above, I’ll try again: Jonathon Fowler Photography

        #16243
        jonathonfowler
        Customer

          Anyone able to advise please?

          #16246
          Andykev
          Customer

            <div class=”one-half first”>I’m Jonathon and I live in Edinburgh with my wife and 3 children. I’ve been specialising in wedding photography in Edinburgh and Scotland since 2006. wedding photographer Edinburgh</div>
            <div class=”one-half”>
            wedding photographer Edinburgh</div>

            Use “column classes” inside your widget. You must remember that each column is a percentage of the available space of that container (widget). So if it is a small box, you don’t want to divide it up more than necessary.

            #16247
            jonathonfowler
            Customer

              Thanks for that Andykev, you’ve been very helpful, I appreciate it.

              #16248
              Andykev
              Customer
                <div class="one-half first">I’m Jonathon and I live in Edinburgh with my wife and 3 children. I’ve been specialising in wedding photography in Edinburgh and Scotland since 2006. wedding photographer Edinburgh</div>
                <div class="one-half">
                <img class=" size-full wp-image-461 aligncenter" src="http://cdn5.jonathon.co/wp-content/uploads/Jonathon-Fowler.jpg" alt="wedding photographer Edinburgh" width="150" height="150" /></div>

                This is the code to get the image above. Enjoy! You have a nice website.

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