Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #17730

    What HTML code would center an image element in the middle footer column?


    Hi ATX,

    You can drag a text widget on either Footer – column 2 or Footer – column 3. Inside the text widget place your html code (using the img tag) and add a class on it, add a css code to style it in Quick CSS (under Styling tab inside Theme Options) or custom.css. If you can post a link to your propulsion site I’ll be happy to assist you on the css code. :)




    Here’s a page from my site (below). Image may change but you get the idea: horizontally centered image at top of middle footer column.

    Just out of interest, how difficult would it be to have different images appear randomly in this location?

    Thx Ismael for helping with this.


    Hi ATX,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #text-2 .textwidget {
    margin: 0 auto 0 auto;
    width: 200px;

    The width needs to be defined to whatever the image size is but this will auto center it.

    As for randomizing the image, you should look for a plugin that has a widget that does something like that. It would be easiest route and give you the most control.





    Thx Devin – as always great support!



    Glad it worked.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘HTML for centered image in footer column’ is closed to new replies.