[resolved] Responsive Call to Action image distance (4 posts)

  1. TripleMoxy
    Posted 2 years ago #

    My site is http://www.wheretofeed.com.

    The problem I have is that when the Home page is viewed on a small screen (iPad mini or iPhone) the Call to Action button sits right on top of the main image and the image sits off-centre: that is to say, slightly to the left.

    Is there a way to increase the whitespace between the bottom of the Call to Action button and the image when the screen is small and in portrait mode? Can anything done to centre the image in those situations?

    I would be grateful for any help.

  2. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #


    The image source you have would work much better if you change this:

    <img src="http://www.wheretofeed.com/wp-content/uploads/2013/01/DSC00378-e1359304566845.jpg">

    to this:

    <img src="http://www.wheretofeed.com/wp-content/uploads/2013/01/DSC00378-e1359304566845.jpg" width="440" height="298" class="aligncenter">


  3. TripleMoxy
    Posted 2 years ago #

    Thank you for the code. It worked wonderfully.

    Could I ask what part of that ensured that a space was left between the blue button and the image? I can see the code dealing with the align, but I'm curious about the spacing.

    Thanks again for the advice and for an excellent theme.

  4. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    aligncenter does the trick :)

    You're welcome, thanks for using Responsive.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic