WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Spun Black Child with zapfino font? (16 posts)

  1. jonathansb
    Member
    Posted 4 months ago #

    Hi Caroline.

    Thanks for a great theme. :)

    I have a question - how to I invert the colour in the theme...??

    I really want to at http://www.sessionsforzula.dk/reel

    Also, I would really like to use the font 'zapfino' for the menu.

    Can you help me?

    My advice on making the theme even better is to make these "customizables" available :)

    Looking forward to hearing from you or anybody who can help me with this question and I would be really glad if ANYBODY would post the CSS-code for a black Spun Child :)

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    Can you link to an image illustrating what you want?

  3. jonathansb
    Member
    Posted 4 months ago #

    If you look at the site http://www.sessionsforzula.dk/reel and imagine the site colours inverted that's about it :)

    Black ---> White
    White ---> Black

    And then instead of the default font - zapfino instead.

    As simple as that (I hope) :)

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    How familiar are you with CSS?

  5. jonathansb
    Member
    Posted 4 months ago #

    I'm not very good at CSS, but I can understand basic terms :)

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    Have you used a tool like "Firebug" before?

  7. jonathansb
    Member
    Posted 4 months ago #

    No...? :)

  8. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    Which browser are you using/ most familiar with?

  9. jonathansb
    Member
    Posted 4 months ago #

    Safari and FF all installed, I just added firebug to FF. Looking into it now :)

    Any advice?

  10. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    Start off with trying to change the colour of the text in the circles to black.

    In Firefox right click on the "Under construction" text in the circle and select "Inspect element".

    You should get a toolbar appear at the bottom of the page.

    In the toolbar is HTML to the left and CSS to the right.

  11. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    If something has styling applied to it it'll show along the right of the toolbar.

  12. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    The text in circles does have styling applied to it, it has white colour styling and you can see that along the right-hand-side.

  13. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    You need to write your own CSS in the Child Theme style.css file that overrides the style in the toolbar.

    For example:

    .hentry.no-thumbnail span {
     color: black;
    }
  14. jonathansb
    Member
    Posted 4 months ago #

    It's working - very nice indeed with firebug - excellent add on for FF :)

  15. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 4 months ago #

    Let us know what you get stuck with.

  16. jonathansb
    Member
    Posted 4 months ago #

    Thank you :)

Reply

You must log in to post.

About this Theme

About this Topic