Widget allignment in footer

Support Area Forums Elite Widget allignment in footer

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://www.restaurantgoesting.nl
  • Author
    Posts
  • #33189
    Marieke Eelman
    Participant

    Hello Bill,

    I’m working with the Elite theme & I like it very much!

    Got some questions about the footer alignment. It looks messy on the desktop version right now. I don’t use the first social media icons (twitter and dribble) and that seems to make a gap, so the icons are not quite left-aligned.
    I also find the search box too big & the social icons too small. Can I change that?

    Is it possible to make the footer more look like this example?

    Thanks!

    Best regards,

    Marieke

    #33191
    Bill Robbins
    Moderator

    Good Morning Marieke,

    You can change up the footer. To make it like the example you’ve posted, you’ll need to move the social icon widget to the top of the list there then the search and lastly the testimony. Here’s how to change their appearance:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      #footer-sidebar .testimony-block {
      	width: 340px;
      	float: left;
      }
      
      #footer-sidebar .testimony-block h3.widget-title {
      	float: none;
      	font-size: 24.5px;
      	max-width: 100%;
      	margin: -15px -15px 15px;
      	padding: 15px;
      	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
      }
      
      #footer-sidebar .testimony-content {
      	float: none;
      	max-width: 100%;
      }
      
      #footer-sidebar .testimony-content p.testimony-author {
      	margin-top: 5px;
      }
      
      #footer-sidebar ul.network-icons {
      	text-align: left;
      }
      
      
    3. Update your settings.

    That should keep the testimony widget in one column instead of spanning all three. It’ll also left align the social icons. The default is to have them center aligned so if you move them you may need to change that depending on where they end up.

    Let me know if you have any questions or trouble,
    Bill

    #33194
    Marieke Eelman
    Participant

    Hello Bill,

    Thank you for your quick reply. I tried the code offline with MAMP and it works!

    Best regards,

    Marieke

    #33196
    Bill Robbins
    Moderator

    Fantastic…let me know if you need anything else 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Widget allignment in footer’ is closed to new replies.