StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

3 Widget Footers into 1 full width footer

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › 3 Widget Footers into 1 full width footer

This topic is: not resolved

Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 27, 2017 at 6:02 pm #202122
    fantasycouch
    Member

    I am using Modern Studio Pro theme. I would like 1 footer, centered and full-width. I got it down to 1 footer widget (it used to be 3), but it is still small and on the left side.

    http://mikemital.com
    February 27, 2017 at 7:16 pm #202127
    Victor Font
    Moderator

    Can't tell anything from the site. Add some content to the footer widget so we can see the problem.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 27, 2017 at 7:23 pm #202130
    fantasycouch
    Member

    Well, basically there are 3 footer widgets, each one 30% width. I found out how to change the functions.php to make only 1 widget, and I know a little bit of code, but couldn't figure it out...

    Instead of 3 small footers... I want 1 full-width footer

    Just put some stuff up http://mikemital.com

    February 27, 2017 at 7:32 pm #202133
    Victor Font
    Moderator

    After you change the footer-widget support in functions.php, all you need is to add the following after the block of code starting at line 1767 in style.css.

    .footer-widgets-1 {
    width: 100%;
}

    You should take a few minutes to learn how to use your browser's inspect tool. It will save you a lot of time figuring this stuff out. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 27, 2017 at 8:14 pm #202136
    fantasycouch
    Member

    Thank you so much! Resolved... now my buddy, who's site it is might be changing his mind, but that's another topic. it worked thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.