Need help? Check out our Support site, then


Can I style the widget "Follow blog"?

  1. My theme is Twenty Twelve with CSS
    I've added a "Follow Blog" widget to the sidebar.
    1. Can I reduce the white space between the title and the Follow Button?
    2. Can I change the font of the title. (Now it's all in caps. I'd like to make it lower case - with a capital letter on the beginning word.)
    3. Can I change the response from the subscriber. Now it says "Congratulations! ...." etc. I want it not to scream so much and say, rather, something like ... I dunno, .... "Thank you ..."

    The blog I need help with is proustmatters.com.

  2. 1. Can I reduce the white space between the title and the Follow Button?

    Add this and adjust the bottom margin as desired.

    #blog_subscription-2 h3 {
        margin-bottom: 5px;
    }

    2. Can I change the font of the title. (Now it's all in caps. I'd like to make it lower case - with a capital letter on the beginning word.)

    To change only the subscription widget, use this (this one can be combined with #1 above):

    #blog_subscription-2 h3 {
        text-transform: none;
    }

    To change all widget titles, use this:

    .widget-area .widget h3 {
        text-transform: none;
    }

    3. Can I change the response from the subscriber. Now it says "Congratulations! ...." etc. I want it not to scream so much and say, rather, something like ... I dunno, .... "Thank you ..."

    It looks like you found how to change this at Settings > Reading.

  3. Thankyou. Further:
    1. (new) Can I reduce the line-height (is that the right term?) within the subscription title? (space between the lines.)
    2. (new) Can I reduce the line-height for the text widget that I use for the copyright?
    3. (new) Can I make the fonts the same size - in the copyright and in the subscription. (They are different now.)
    4. sacredpath, I don't understand your answer regarding the "response TO the subscriber" which currently screams "Congratulations! ..." (I wrote in error in previous message "response FROM the subscriber".) You point me to "Settings>Readings" ... but I don't see where I could change that to say, "Thank you for your subscription" (instead of what the subscriber will see by default ... i.e. "Congratulations! ..." etc.
    ... little by little ...

  4. I don't see a title for the subscription section and both the text widget and subscription widget are the same font size as each other but here is how to change those settings for all your widgets:

    .widget-area .widget p,
    .widget-area .widget li,
    .widget-area .widget .textwidget{
    	font-size:17px;
    	line-height:1.5;
    }
  5. Dear halluke, thank you so much. Your code works perfectly. Just what I wanted.
    I'd like to ask one more (I always think it's "one" more ... but it never turns out that way.)
    1. In the comment area, there is a very faint line separating one comment from the next. How can I make it a teeny bit darker?
    2. I'm struggling to learn a little CSS. Where can I find the names of classes and ids for my theme such that I can begin to experiment a little little bit. (Don't hold your breath! I am a person of years- this doesn't come easy.)

  6. It looks like there's a double border at the bottom of each comment, you can change it like this:

    .site-content article {border-bottom: 4px double #999999;}

    As for exploring the HTML you'll find that lots of browsers (Firefox, Chrome, Opera, etc.) let you select an "Inspect Element" option when you right-click somewhere on the page. This will open up a little window where you can explore the underlying code and find how different parts are given IDs and classes and much more besides.

  7. How sweet it is! Thank you.

  8. How do you find and know that the target name - the class or id - of the CSS is ".widget-area" or ".site-content" or "#blog_subscripton-2". When I look at "Inspect Element" I do not see those names at all there; they must be someplace else. (Am trying to discover class names and ids of my Theme's underlying code so that I can "target" them.) Signed: Learning-a-little.

  9. If you click on the subscribe widget when viewing your blog and inspect it you will see in the HTML inspector that each sidebar widget is an HTML aside element with a unique ID and some classes, in this case the widget's ID is "blog_subscription-2" and it has the classes "widget" and "widget_blog_subscription".

    You should be able to click on different HTML elements and see them highlighted on the page - which makes things really easy to search out.

    I find one of the best tools to use is Firebug with the FireFox browser, try downloading them both and exploring your site to see what you can find!

  10. Thank you again, hallluke. This is

      very
    helpful.

  11. You can see what a newbie I am. I assumed "ul" (in the markup list) meant underline...rather than "unordered list element" (;- (

  12. You'll get there in the end, as with everything: practice makes perfect!

You must log in to post.

About this Topic

Tags