Newsworthy: text elements linked in size

  • Unknown's avatar
    margaretrosestringer · Member ·

    This is a nice clean theme: but I’m finding that attempting to change the size of text elements like the site title is impossible, as it’s linked inextricably with other things like post headings.
    Can such elements be separately altered in CSS, please?
    Am I being clear, or just obscure (as per normal)?
    :-

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    Crystal clear, only margaretrosestringer.wordpress.com is using Chateau, with no title. Are you talking about a different blog?

  • Unknown's avatar
    margaretrosestringer · Member ·

    ‘Ullo again, dear Pi …
    See? – I didn’t paint a good picture. :-(
    Nope: I am considering switching to Newsworthy; but testing it on my Chateau blog has shown me this particular pitfall.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, and yes, the custom fonts feature has pretty broad scope, but CSS can be used to more specifically target page elements to style them differently.

  • Unknown's avatar
    margaretrosestringer · Member ·

    So, tsp, if I were to provide a short (very!) list of text elements I needed to be separated so as to be able to make ’em different font sizes, would that be stretching the friendship too far …?

  • Unknown's avatar
    justpi · Member ·

    It wouldn’t stretch anything, because this forum is for asking questions!

    As an example, to change the font size of the blog title on Chateau you could add this (or a couple of other variants) and change the value: 

    #main-title #site-title {
font-size: 3.2em;
}

    On Newsworthy you would add this and change the value: 

    .site-title {
font-size: 44px;
}
  • Unknown's avatar
    margaretrosestringer · Member ·

    Ok, Pi; then I’ll just keep posting my text element questions – about elements I can’t alter in CSS without altering other elements as well – and it won’t be annoying to the experts.
    I shall quote you on that.
    [grin]
    Thanks, me old china.

  • Unknown's avatar
    margaretrosestringer · Member ·

    DAMMIT!
    I finally got ’round to making the switch, only to find that I’m unable to make the changes to the site-title and the site-description! When I refresh the page I see the changes made, for a brief second, and then it settles back into the original.
    H-E-L-P, please?

  • Unknown's avatar
    justpi · Member ·

    Sorry, my bad. You added this (as per my not-so-careful suggestion above): 

    .site-title {
font-size: 36px;
}

    and this: 

    .site-description {
font-size: 24px;
}

    Turn them to: 

    .site-title {
font-size: 36px !important;
}
.site-description {
font-size: 24px !important;
}
  • Unknown's avatar
    margaretrosestringer · Member ·

    Gosh! – I’ve never seen that ‘important!’ before. I shan’t drive you mad by asking about its origins, and why it’s necessary in this particular theme. I shall merely say THANKS HEAPS, Pi!

  • Unknown's avatar
    margaretrosestringer · Member ·

    I lied.
    Are there other aspects of this theme that will require it, too?

  • Unknown's avatar
    margaretrosestringer · Member ·

    I’ve given up. Am getting different responses between Chrome and Firefox, which simply won’t do.
    PLEASE PLEASE PLEASE! – how do I return to default colors? Is it simply a matter of removing all CSS and starting all over again with changing sizes of items?
    This is so incredibly exhausting …

  • Unknown's avatar
    justpi · Member ·

    a) Pity you abandoned Newsworthy, because you had made it more elegant than the default version and more elegant than your version of Chateau. What exactly were the differences between Chrome and Firefox?
    b) Depends on how you had changed the colors. If you had entered code in Appearance > Customize > CSS, you remove that code. If you had applied a color palette etc in Appearance > Customize > Colors, you go there and click Default. Chateau also has a no-upgrade option for setting the link color, in Appearance > Theme Options.

  • Unknown's avatar
    margaretrosestringer · Member ·

    Yes … I liked it, too, Pi: but the color differences between the two browsers were too much for me to cope with. My problem is this: I open the Dash in Firefox – not because I use Firebug, but because I use that ‘inspect element Q’ thinggy. I can no longer copy and past the code from Firebug: dunno what’s changed. Probably my advanced senility.
    Then I try to ascertain exactly WHICH dot entry I’m looking for – as per your “.site-title {“, you know? But I’m not always able to find the precise .dot entry I want, and have to kind of guess. :- If it works, it works; but that’s why I get different colours between browsers, of course. Basically, I’m flying blind but not yet absolutely crashing.
    Tell me something, if you’re feeling kind: how many hours from now will you be around? As I don’t know where you are, I don’t know how many hours you’re behind me. Most people go to bed, the selfish bastards!, when I need ’em. [grin]

  • Unknown's avatar
    justpi · Member ·

    This particular selfish bastard will be around for an hour or so: got to go for some chores and work afterwords!

    Re copying from Firebug: happens to me too sometimes; when it does, I might quit Firefox and reopen it. But Inspect Element works the same, so that’s fine too.
    By the way, are you aware that in both Firebug and Inspect Element you can try out changes?

  • Unknown's avatar
    margaretrosestringer · Member ·

    No good for me. Sighh … The way of the world: Downunder so far ahead in hours of nearly everyone.
    Yeah, I have done that. Obviously I have to practise more!
    :-)

  • The topic ‘Newsworthy: text elements linked in size’ is closed to new replies.