• 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

Genesis Featured Post Widget – Post Title Font Size Adjust

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 › Genesis Featured Post Widget – Post Title Font Size Adjust

This topic is: not resolved

Tagged: Genesis Featurd Post Widget, Post Titles adjustment, widget

  • This topic has 7 replies, 3 voices, and was last updated 10 years, 8 months ago by Nandita.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 22, 2013 at 2:14 am #13670
    Nandita
    Member

    I'm using the "Genesis Featured Post"  widget on my sidebar.

    When I check the (tick) the Post Title option - It shows the original ' H1 ' font sizes of 30px and line height 36px, which looks quite awkward.

    How can I adjust the Post Titles to 14px and bold in this widget?

    January 22, 2013 at 6:30 am #13680
    Diane Kinney
    Member

    Hi Nandita, you will need to create a new style for this in your style.css file.  Without a link to your site, it isn't possible to help you with the exact css to do that.


    Need more help? Find me on Twitter @gidgetthegeek

    January 22, 2013 at 6:34 am #13681
    Peter
    Member

    Adding this to your CSS file should do the trick;

    .widget.featuredpost h2 {font-size:14px;font-weight:bold;}
    January 22, 2013 at 6:42 am #13683
    Peter
    Member

    Oops, sorry Diane! You replied as I was writing my reply. You're quite right in what you say but I had a quick look at the widget code and it uses H2 tags for the individual post titles so there's a good chance the code will work..

    January 22, 2013 at 6:51 am #13685
    Diane Kinney
    Member

    No worries, Peter!  I noted Nandita said it was showing H1 styling - which I found puzzling in what should be an H2 🙂


    Need more help? Find me on Twitter @gidgetthegeek

    January 22, 2013 at 10:15 pm #13985
    Nandita
    Member

    My blog URL is http://moneyctl.com  (Sorry, I had not provided earlier in my question).


    @Peter
    - I have added the code and opted for Post Title in the Featured Post widget. But it is not working at all. The same 30px font size (H2).

    Can you check my site and help me to make  Post Title size 14px and bold in this widget?

    P.S. - Due to inconvinience of my reader, I changed the option to Post Content Limit - 70.

    January 27, 2013 at 10:58 am #15324
    Diane Kinney
    Member

    Nandita, is this your Random Posts sidebar on your homepage?  I see no post title at any size - just a thumbnail image and the paragraph of link text.  Is that what you want 14pt bold?


    Need more help? Find me on Twitter @gidgetthegeek

    January 27, 2013 at 12:14 pm #15354
    Nandita
    Member

    Hi Kinney,

    Ya, I want to show the post title on my Random Post Sidebar Widget. I opted for this (enabled in the widget) and the titles became H2 font size, which is 30px.

    It was looking very awkward to my readers. As I receive >1,000 visitors daily on my blog; to avoid this awkwardness I simply choose to show the post paragraph with a link (which you have mentioned).

    I also added the piece of CSS code mentioned by Peter

    .widget.featuredpost h2 {font-size:14px;font-weight:bold;}

    But it didn't worked. Can you help me regarding this?

    Thanks.
    Blog URL http://moneyctl.com

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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

© 2023 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