Block Button Font Change

  • Anonymous

    #9219

    I think I have read every mention on block buttone and none of them have worked. Please view:

    http://restaurantmenusin.com/

    I want to have the same font on the buttons as other areas, I need baskerville old face.

    Like I said I read the many posts on this but none of the CSS worked.

    I tried:

    .block-button{
    font:22px baskerville old face, serif
    }

    Obviously it did not work or I would not be asking for help. Good news tho, I am taking coding classes this fall and will give you guys a break…

    Also, can you recommend anyone that could do some work for me on this site. The directory plug-in needs some hacks to get it to look the way I want and the developer gave me permission to have that done.

    Basically I need to have them be able to print a coupon.

    I need to just reposition how things look on the page.

    Oh, and I am broke so I cannot afford someone who charges a lot.

    Mod

    Kenneth John Odle

    #43038

    I believe you need to put baskerville old face in single or double quotes:

    .block-button{
    font:22px 'baskerville old face', serif;
    }

    You were also missing the closing semicolon on that declaration. Sometimes it makes a difference.

    Quote:
    Also, can you recommend anyone that could do some work for me on this site. The directory plug-in needs some hacks to get it to look the way I want and the developer gave me permission to have that done.

    Try tweeting Prasanna about this.

    Anonymous

    #43039

    That did not work, but this did for all but the search button. I haven’t figure out that one yet.

    .block-button, .Button, .button, #commentform #submit {

    font-family: baskerville old face,serif;

    font-weight: normal;

    font-size: 16px;

    }

    Thanks Kenneth, as always you cam through.

    Mod

    Kenneth John Odle

    #43040

    For the search button, try this one:

    button {
    font-family: "baskerville old face",serif;
    font-weight: normal;
    font-size: 16px;
    }

    FYI, neither “Baskerville Old Face” or “Baskerville” show up on my computer. (Toshiba running standard Windows 7 install.) Are you adding these fonts as part of a child theme?

    Anonymous

    #43041

    Thanks Kenneth, that worked…

    To be honest, I have not had the time to figure out what a child theme is much less how to do it. It i son my list of things to learn.

    Baskerville old face is just one I selected from my list of available fonts so not sure how to answer that either.

    After reading this answer you can close. You once again fixed it… Your a gem — nerds rock

    Mod

    Kenneth John Odle

    #43042
    Quote:
    to figure out what a child theme is much less how to do it

    For all who are interested:

    A child theme is simply that: a theme that draws its styles and functions from the parent theme. However, you can make changes to the child theme without editing the parent theme, which is a good thing. You never want to edit theme files.

    Graphene does offer a custom CSS function, but once you’ve added more than a hundred lines or so, it can start to impact server performance. A child theme is a way around that.

    Prasanna has a child template theme for Graphene here:

    If you have time, read through the comments. They are very informative.

    All of the sites I develop start with a child theme. It’s just easier that way.

    You can also read the article about child themes I posted here that explains more of the reasoning and philosophy behind the idea:

    http://blog.kjodle.net/2014/04/12/wordpress-child-themes-the-whys-and-hows/

    Mod

    Kenneth John Odle

    #43043

    Marking thread as resolved. You can do this yourself as well.

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.