Contact us (Top right corner)

Home Forums Automattic Bon Vivant Contact us (Top right corner)

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #111571 Resolve

    Holy Cow Sliders

    Hi,

    I’m using http://highcottonwineandcheese.com/ as a template for what I want my website to look like.

    That said, i’m curious to see how to edit the text in the top right corner of the page where I can add my number. At the moment, it says ‘reserve by phone’.

    Thanks!

    The blog I need help with is holycowlenny.wordpress.com
    #151710

    Kathryn P.
    Happiness Engineer

    I used a browser inspector to see how the other site has changed the wording in that spot. I found that they used some custom CSS to hide the default wording and add new text instead:

    .reservations .reserve {
    display: none;
    }
    .phone:before {
    clear: both;
    content: "Reach us by phone";
    display: block;
    font-size: 1.4rem;
    padding: 0 20px;
    }

    Feel free to adjust the wording, font size, and padding as you like by changing the values in the code.

    Learning how to target your site’s CSS will help you make certain design and layout changes, so I’ll give you some resources about how to do that in case you’d like to make other tweaks:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/

    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    If CSS is new to you, here are some resources for learning more about it:

    #151735

    Holy Cow Sliders

    Kathryn,

    So I just copy and paste that code into the CSS form? Right now, the only thing in there is the code to remove the blog button.

    Thanks,

    Lenny

    #151736

    Kathryn P.
    Happiness Engineer

    You add custom CSS under Appearance > Customize, then click the CSS panel, and add the code there.

    #151737

    Holy Cow Sliders

    Got it, it worked!

    #151738

    Holy Cow Sliders

    I think I have one more question. i’ll create another thread for that specific topic. hopefully, this will be it for a while!

    #151739

    Kathryn P.
    Happiness Engineer

    Got it, it worked!

    Great!

    I’ll mark this thread as resolved and close it, but do feel free to start a new one if you need help with anything else.

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

The topic ‘Contact us (Top right corner)’ is closed to new replies.