Footer section

(15 posts) (6 voices)

1. 

   terence123
   Member

   I am not able to figure out how can i put my twitter feeds on the footer teaser text area

   further I am attaching this home page design which i want to achieve. Have completed almost all the things except the footer part. I have selected 4 column footer layout but how do i change the area as specified in the image. currently all the four columns have same width.

   you can see what i have achieved here http://mexuseducation.com/alpha.

   Posted 1 year ago #
2. 

   terence123
   Member

   sorry forgot to attach the image

   Attachments

   1. mexus.JPG (60.5 KB, 15 downloads) 1 year old

   Posted 1 year ago #
3. 

   terence123
   Member

   I have found how to add twitter shortcode to footer teaser area. it was way too easy. now the only problem is with footer section

   Posted 1 year ago #
4. 

   Dorian
   Support

   ternece123,

   Before guiding you further, let's make sure I got it right.

   So, you have 4 columns, and you'd like the third one to be a bit larger. This is what you'd like to achieve?

   Let me know and I'll assist you further with this.

   Posted 1 year ago #
5. 

   terence123
   Member

   Yes ! i have attached an image for reference. I am trying to have a workaround by selecting 3 column, making first footer widget divided into two column (using shortcode) but looks like margins in between are messing it up.

   Please have a look at the attached image .. i am trying to achive that ...

   Posted 1 year ago #
6. 

   Dorian
   Support

   terence123,

   Sorry for the delay, I've been away for the past couple of days! Sorry once again!

   I see that the third column is already larger than it should. Have you found a solution for this? Just let me know so I can guide you.

   Cheers,
   Dorian

   Posted 1 year ago #
7. 

   colorit
   Member

   I myself wonder, too, where to add the twitter stream to the footer like in the demo theme

   http://themes.mysitemyway.com/awake/

   In theme settings - see screenshot attached - is only the field to add "Footer Teaser Text", but no twitter name for getting the twitter stream there.

   Any idea?
   Thanks a lot.

   

   Attachments

   1. x.jpg (104.5 KB, 2 downloads) 1 year old

   Posted 1 year ago #
8. 

   Dorian
   Support

   Hello colorit,

   Where you see the Footer Teaser Text field, simply enter [twitter] and click save. This should do the trick!

   Cheers,
   Dorian

   Posted 1 year ago #
9. 

   colorit
   Member

   Thanks, but it shows more than 1 last twitter post.
   Where can I limit it to just one?

   Posted 1 year ago #
10. 

    Dorian
    Support

    Hi again colorit,

    My fault! Use [twitter count=1] to display only one.

    Cheers,
    Dorian

    Posted 1 year ago #
11. 

    helmar
    Member

    Is there a way to put PHP code into the footer section, perhaps via a shortcode? The plugin I have, but it yields no results. Would be nice if that worked.

    Helmar

    IGNORE! Created my own PHP shortcode widget. :)

    Posted 1 year ago #
12. 

    letlease
    Member

    I am trying to place a full width banner type image to replace the widgets in the grey footer section and am totally stuck. Can anyone help me out?

    I'm editing the steelblue.css file but not 100% sure this is the right place.

    Posted 8 months ago #
13. 

    Elliott
    Support

    Hello letlease,

    What you can do here is insert your banner image in the text widget. You can select a footer layout where one widget takes up the whole space in Dashboard -> your theme -> Footer.

    Let us know if that works for you okay.

    Posted 8 months ago #
14. 

    letlease
    Member

    that worked very well thank you.

    Can I ask why I can't get the banner to go central? If I use 2x <p> tags it moves the banner down from the edge a little then if I use 6x <p> tags it moves no more. Is there a padding setting that I can set to make my banner central vertically?

    Posted 8 months ago #
15. 

    Elliott
    Support

    You can surround your banner with a div and position the div like so,

    <div style = 'position: absolute; top: 0px; left: 0px;'>
    
    banner code
    
    </div>

    And then play around with the top and left values.

    Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.