[resolved] How To Add Widgets In The Footer? (6 posts)

  1. prasannamesta
    Posted 2 years ago #

    I liked your theme very much and i have installed it in my blog. I was able to fix that gray color of images but now i need to add widgets in the footer area. Can you please help me out.
    my blog: http://www.techiewizards.com


  2. CrouchingBruin
    Posted 2 years ago #

    I looks like your site already has 3 widget areas in the footer. I assume you found the answer in another post? Nice looking site, by the way. My only suggestion would be to find some way of using a media query to increase the margin on the left on a smaller viewport (like a smartphone) so the social media button bar doesn't hide your content.

  3. prasannamesta
    Posted 2 years ago #

    Yes, i finally found out the solution in some forums. And what is media query? i am a beginner is wordpress designing so please give me some more details.

  4. disha1
    Posted 2 years ago #

    Hi thanks to solve my problem by this great post this is also my problem

  5. CrouchingBruin
    Posted 2 years ago #

    A media query is a section of your CSS file that allows you to change the appearance of your site by applying certain CSS rules when the width of the screen changes. That's what makes the site "responsive." For example, if you start making your browser window narrower, you'll see that the title gets centered and the menu jumps underneath, also centered. Then if you make it even narrower, the menu changes into a drop-down list. This is all controlled by media queries.

    If you look in your virtual menus_menu1_mobile.css file, you'll see a section that reads:

    @media only screen and (max-width: 767px) {
    ... // CSS rules

    You'll see some CSS rules inside the braces. All of those rules are used if the width of the screen is less than 767px. For example, one rule sets menu1 to display: none;, which hides the main menu, while another rule shows .menu1-mobile (the drop down list) by setting display: block.

    If you look at your index.php virtual main template, you'll see a DIV with the id of container that was commented out (and the end tag is at the bottom). You can try uncommenting out the tags and adding a margin-left: 30px; rule for #container in menu_menu1_mobile.css to see if that gives you enough space.

    Since you are a beginner, here are a few helpful links:
    CSS Tutorial
    Everything you want to know about
    using media queries
    The Firebug browser extension allows you to examine elements in your site. Learn to use it.

  6. prasannamesta
    Posted 2 years ago #

    Thank you CrouchingBruin. Really appreciate your help :)

    And disha, i have solved the problem. if you want do add me on
    g+: https://plus.google.com/u/0/105438148094664132797 or mail me at prasannamesta@gmail.com

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic