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

Adding Image Title Only to Sidebar Widgets

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 › Adding Image Title Only to Sidebar Widgets

This topic is: not resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 8, 2014 at 5:34 am #83962
    RaspberrySunshine
    Member

    Good Morning,

    I've been looking at Firebug trying to figure out how to add custom titles to my sidebar widgets, but I'm a little stuck. I know I'll have to add a background image code to my CSS, but how do I add it to each title?

    http://raspberrysunshine.com

    On my sidebar I have the titles I want to customize in yellow. I tried adding an image widget to add the custom title, but the spacing between the title and information was far apart and looked horrible. Fiddling with the CSS didn't make it look better either.

    I did manage to add my Instagram widget and title successfully in the footer area though. Could someone guide me on how to add these individual titles and get them closer to the actual widget. I'm a novice so this is just baffling me!

    Thanks, Cindy

    http://raspberrysunshine.com
    January 8, 2014 at 6:21 am #83964
    Christina
    Participant

    It would be easiest (and look better and be more SEO friendly) to just use the font on your site instead of photos of it. You are using Janda, correct?

    You can purchase the Webfont license (if you haven't already) for $5 and then you can just have all of your sidebar titles automatically written in that font.

    It's a really simple process, we can walk you through it if you'd like!

    January 8, 2014 at 7:28 am #83974
    AnitaC
    Keymaster

    To add to this, you will also need to make your images responsive. Currently, your header is not responsive. I would use the Webfonts as Christina has suggested.

    Need help with customization or troubleshooting? Reach out to me.

    January 8, 2014 at 11:27 am #84019
    RaspberrySunshine
    Member

    So it sounds like Webfont license would be the best bet (and not drive me nuts). I am familiar with how Google Fonts go into CSS, but how do other fonts not normally used work into a site so everyone can see it?

    January 8, 2014 at 11:28 am #84020
    AnitaC
    Keymaster

    The font developer will have instructions on how to do this I believe. I've always used Google Fonts. I guess I should step it up a notch, huh? 🙂

    Need help with customization or troubleshooting? Reach out to me.

    January 8, 2014 at 12:52 pm #84044
    Christina
    Participant

    Cindy, the webfont from My Fonts should be added just like your Google fonts, but if you have any questions, just come back here and ask! 🙂

    (And, btw, if you are adding your Google fonts to your style sheet (CSS) everyone will be able to see them just like you do and My Fonts will work the same way.)

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