• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

Widgets in 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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Widgets in Footer

This topic is: not resolved

Tagged: edit css, footer, widgets

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 4 months ago by marci.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 24, 2015 at 4:57 pm #142100
    marci
    Participant

    Hi,

    I'm new to CSS and using Prose theme. I have "Recent Posts" and "Categories" widgets in my footer area and would like to decrease the spacing between the lines. From a word doc perspective, they seem to be about 1 1/2 line and I'd like to decrease to 1 line spacing. Because they are widgets, I assume I would need to make change via Custom CSS. If this is correct, can anyone help me with what that code would look like, please?

    Thanks!
    Marci

    http://driftlessprairies.org
    February 24, 2015 at 5:46 pm #142103
    Janiani
    Member

    Firstly I can't any responsibility for what I'm going to share, you need to take all the necessary precautions when making CSS edits to your site.

    That said, and agreed, by using <b>Inspect Element</b> (found in Chrome) you right click and play. Make sure you have Jetpack CSS installed and make your amendments there, rather than touching the original CSS, especially if you're not familiar with it, cos you can screw things up quite easily.

    Go to Jetpack CSS and pop in this code and save:

    body, p {
    line-height: 1.0;
    }

    All we've done here is change the line height in the footer widget area. Try that and see if it works. If not you can just delete it and it's cost you nothing as you've not affected the main CSS.

    Let me know.

    February 25, 2015 at 9:23 am #142211
    marci
    Participant

    Thanks for your help! That made everything go to 1.0 line height. I only want the lines in the widgets in the footer. I "inspected" the element but am not confident because of my newbie status but it looks like an unordered list, possibly in a table? Would this be the widget configuring this or code within the footer?

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble