WordPress.org

Ready to get started?Download WordPress

Forums

Superhero
[resolved] Two Questions... (8 posts)

  1. wparks
    Member
    Posted 2 months ago #

    I have two questions...
    first I am using the Sidekick theme (a child theme of Superhero)
    I have just moved from wordpress.com to wordpress.org and have imported my blog. I am having a couple of issues trying to customize this new theme.
    the blog is http://wparksphotography.com/wp/

    Question 1:
    at the bottom of each page I have a sort of footer text saying "All images used on this site, except the header image, are the property of and Copyright © 2012-2013 Wayne Parks, and as such, may not be used in any way without the express written consent of Wayne Parks."
    When I create a new page I use the "address" style for this text however this was set for a blue font colour. How do I do a "global" change of the "address" style to change the font colour from the blue to a green to match my colour scheme? (I know that I can go into each page and edit the text to change the colour but this is very time consuming and will not help simplify the creation of new pages)

    Question 2:
    also colour related..in the comments section where do I go to change the box colour of the "Post Comment" button from the blue to a green to match my theme colour scheme?
    Both of the issues can be seen on this page...http://wparksphotography.com/wp/?page_id=3822

    Thanks for any assistance in advance.

  2. How do I do a "global" change of the "address" style to change the font colour from the blue to a green to match my colour scheme?

    You can use CSS to change the colour of the address HTML element, like this:

    address {
       color: #xxxxxx;
    }

    Change xxxxxx to whatever hex colour code you like. If it doesn't "take" it may be that the CSS declaration needs to be more specific. I can't access your site right now ("Service Temporarily Unavailable" error message) but if you need more help, let me know when your site's back up and I can take another look.

    also colour related..in the comments section where do I go to change the box colour of the "Post Comment" button from the blue to a green to match my theme colour scheme?

    Again, let me know when your site's back up and I'll have a look.

  3. wparks
    Member
    Posted 1 month ago #

    Thanks for your reply....
    The site appears to be back up now.
    http://wparksphotography.com/wp/
    I did manage to get things the way I wanted but I had to do it manually...page by page. I added this to the "sidekick" CSS
    .address {
    color: #D7D7A5;
    font-style:italic;
    font-size:10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    and if I manually type <span class="address"> in the text edit view I get what I want.
    In the superhero CSS this is what is under address:
    address,
    .post-format-content {
    margin: 0 0 1.5em;
    }

    I would like to be able to format this from the "Visual" tab but that seems to be controlled from the Superhero CSS.
    a screen shot of this is located here:
    http://wparksphotography.com/wordpress.htm">

  4. Thanks for the info.

    To have your new style apply to the address HTML element, you need to remove the period right at the beginning here:

    .address {
    color: #D7D7A5;
    font-style:italic;
    font-size:10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    It should look like this, without the dot at the beginning:

    address {
    color: #D7D7A5;
    font-style:italic;
    font-size:10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    The dot indicates that you're creating a CSS class, but you're not doing that here - instead, you're modifying the CSS for an HTML element.

    Let me know if this does the trick.

    Now that your site is up, I see that you've edited the theme's CSS file directly. What this means is that the next time there's a Sidekick theme update and you update your site, all your changes will be overwritten.

    I strongly suggest you use a CSS plugin instead of making your changes directly in the theme, and put your CSS tweaks there. That will avoid having all your hard work getting the site to look exactly how you like overwritten by a theme update.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You'll then add your custom CSS in the new stylesheet editor that'll appear in your dashboard, under Appearance > Edit CSS. You could also install a standalone custom CSS plugin instead.

  5. wparks
    Member
    Posted 1 month ago #

    Kathryn,
    Thanks for the help and yes,

      removing the "." did the trick.

    Definitely I would like to keep all my modifications. I have downloaded the Jetpack plugin and activated it.... can I just copy and paste the current Sidekick and Superhero CSS files into the custom CSS or do I have to write a new one? (I see that there is a new "default" CSS in my sidekick editor, does that include all the changes?)
    Can you give me more detailed help in getting this set up?
    I appreciate your help making my site exactly what I want.
    again thanks,
    Wayne

  6. can I just copy and paste the current Sidekick and Superhero CSS files into the custom CSS or do I have to write a new one?

    Neither. :-)

    The only thing that goes into the Jetpack CSS Editor are the styles you want to override the existing ones.

    (I see that there is a new "default" CSS in my sidekick editor, does that include all the changes?)

    It sounds like you aren't quite looking in the right place. You should be in Appearance > Edit CSS, and there shouldn't be any default CSS there.

    Make sure you're not changing anything under Appearance > Editor, or you'll end up modifying the original theme.)

  7. wparks
    Member
    Posted 1 month ago #

    Kathryn,
    Thanks for your help. I understand now. Now I just have to figure out what all I changed.
    Again thanks.
    Wayne

  8. Good luck. :-)

Reply

You must log in to post.

About this Theme

About this Topic