CSS Upgrade

  • Author
    Posts
  • #44761

    jafferyme
    Member

    I am trying to get a sense of what technical expertise is required to use CSS. Does one have to be a programmer or is it a matter of entering values? Is one required to have one’s own server for using CSS?

    Thanks

    Gary,

    #44994

    timethief
    Member

    There is no staff support for css customization. It’s recommended that you have some experience working with cascading style sheets before you undertake it.Usually sunburntkamel, wank and sometimes others will lend a hand. You do not need your own server.

    The 15$ you pay to upgrade enables you to to alter the appearance of your theme and but not the underlying php code. Purchasing the upgrade entitles you to customize a cascading style sheet on one blog for one year.

    Specifically the CSS Editor does not let you edit any particular theme stylesheet; rather, it keeps the theme intact and lets you edit a brand new stylesheet. Because your custom CSS is loaded after the theme’s CSS, your style rules can override or add to the existing rules.

    You can use CSS to improve on any existing theme; you can define your own classes for use in posts; you can select the Sandbox theme and build on one of the Minimalist layouts or opt for no stylesheet and do it all yourself. If you decide to upgrade and undertake css customization these two threads may be helpful.

    #44998

    mark
    Staff

    CSS is great.
    And you do not need to be a coder.
    It’s like anything new – it looks complex. The reaction is to stay away and not do anything.
    The very best way to learn is to use css. Make things happen.

    I’m not saying you should jump in and spend the $15.
    I am saying that if you are interested then stay interested and go try things. You can already preview CSS changes in your blog from the Edit CSS page – have your blog open in another window and refresh after each change.
    There are lists of useful resources in the CSS forum.

    If you use Firefox, install this:
    https://addons.mozilla.org/firefox/60/
    using that you can change CSS live. I’m writing this with red text all over the page, a dark grey body background, a Verdana font and yellow links. And all because I can change the CSS live. It costs nothing and is a great way to play with CSS.

    It’s not difficult, it’s something new to learn :)

    #44999

    boles
    Member

    jafferyme —

    I agree with mark — having the ability to nudge the templates here with some Custom CSS is quite divine and worth much more than $15 a year if you care about adding some more functionality and aesthetic to your blog.

    On my blog — with the expert and kind help of “sunburntkamel” right here in this forum — I was able to use the Custom CSS add-on to create a rotating header, remove the pixel border around Avatars and “float” images in the middle of paragraphs to add an extra zing missing from the basic template.

    I host the rotating images on my own private server elsewhere.

    #45005

    timethief
    Member
    #45022

    you don’t need your own server, all the CSS is hosted here, and you can upload any images you want to use through the Write page of your dashboard.

    yes, it requires learning a language. but it’s the easiest language there is to learn. mainly because all it does is change the appearance of the things that are already on your blog.

    check out the resources timethief linked to.
    if the explanations on those pages seem scary and complicated, it’s probably not for you. if they make sense to you, or if you can at least follow along, then go for it. i’m around most of the time to help out (and there are a few other who will help), but none of the staff get paid to help you.
    that said, it is a language, so there’s plenty of help elsewhere, not to mention dozens of books on the subject.

    #45027

    boles
    Member

    Adam —

    I mentioned my private server because that’s where I call the PHP script and my header images for my Custom CSS.

    Someone shouldn’t purchase that upgrade and think they can do rotating headers on WordPress.com alone.

    #45092

    ultradolphin
    Member

    Boles,

    You mentioned “adding more functionality and aesthetic to your blog.” I assumed CSS only allowed you modify the aesthetics. What kind of options do you have in terms of adding functionality? Thanks.

    #45094

    boles
    Member

    ultradolphin —

    I consider my rotating image headers functional because they give my blog a new look with every reload, but I understand your point that the Custom CSS upgrade allows mostly color-specific changes, image placement enhancement and the removal of Avatar borders.

    #45096

    timethief
    Member

    Excuse me gentlemen I intend no offense but the css upgrade enables you to to alter the ONLY the appearance of your theme and not the underlying php coding. Purchasing the upgrade entitles you to customize a cascading style sheet on one blog for one year. Andy makes this clear in the links I have posted below.

    As we get so many questions on the support forum to the effect of “can I edit my template if I get the css upgrade” I’m sure you gentlemen will agree with me that it’s important that bloggers reading this thread in the future are not left with a misleading impression. Purchasing a css upgrade does no allow a blogger to hack their template. :)

    Specifically the CSS Editor does not let you edit any particular theme stylesheet; rather, it keeps the theme intact and lets you edit a brand new stylesheet. Because your custom CSS is loaded after the theme’s CSS, your style rules can override or add to the existing rules.

    You can use CSS to improve on any existing theme; you can define your own classes for use in posts; you can select the Sandbox theme and build on one of the Minimalist layouts or opt for no stylesheet and do it all yourself. If you decide to upgrade and undertake css customization these two threads will be helpful.

    #45102

    jafferyme
    Member

    I am a lot clearer now. Thanks to all.

    #45106

    timethief
    Member

    You’re welcome. :)

    #45153

    ultradolphin
    Member

    Timethief,

    Last night, I happened to run across engtech’s blog http://engtech.wordpress.com/. His secondary pages are dynamic rather than static.

    I asked him how he did this. He replied that he used the CSS upgrade. Our exchange appears below.

    In your book, would this be an asethetic change rather than a functional one? Whatever it is, it’s really cool.

    COMMENT EXCHANGE

    engtech

    Your blog is different in that your pages (i.e. articles, opinions) are dynamic rather than static. Is this functionality something that you hacked in?

    engtech
    Posted 2006/12/22 at | Permalink
    @ultadolphin:

    I’m pointing to category/tag pages instead of static pages. This is a hack that was possible with the custom CSS upgrade.

    #45154

    timethief
    Member

    In your book, would this be an asethetic change rather than a functional one? Whatever it is, it’s really cool.

    Yup that’s a really super cool functional change that does not affect the underlying template. Thanks for sharing. :) Perhaps if folks keep sharing these tips we’ll eventually end up with a list of what can be done to change functionality through css customization. Now there’s something to blog about (hint). ;)

    #45161

    boles
    Member

    ultradolphin —

    Thanks to “sunburntkamel’s” help I was able to recently add, via the Custom CSS upgrade, much more visual indicators of mouseover hotlinks.

    Instead of just changing the color of the hotlink the background behind the hotlink changes as well.

    That helps people with low-vision or those who can’t determine smaller web fonts very well if they’re mousing over a link or not and since it also works for visited links it helps those who want to “find again” that link they previously clicked on but can’t see because it is (or was!) no longer a brighter, stand-out color.

    That is certainly added functionality via the Custom CSS upgrade — because it makes my blog friendlier on an “ease-of-use” level for those who may have trouble seeing ordinary hotlinks.

The topic ‘CSS Upgrade’ is closed to new replies.