Home › Forums › Automattic › Bon Vivant › Contact us (Top right corner)
-
AuthorPosts
-
Holy Cow SlidersMemberHi,
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.comMay 27, 2014 at 2:01 pm #151710
Kathryn P.Happiness EngineerI 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:
May 27, 2014 at 3:50 pm #151735
Holy Cow SlidersMemberKathryn,
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
May 27, 2014 at 3:57 pm #151736
Kathryn P.Happiness EngineerYou add custom CSS under Appearance > Customize, then click the CSS panel, and add the code there.
May 27, 2014 at 3:59 pm #151737
Holy Cow SlidersMemberGot it, it worked!
May 27, 2014 at 3:59 pm #151738
Holy Cow SlidersMemberI think I have one more question. i’ll create another thread for that specific topic. hopefully, this will be it for a while!
May 27, 2014 at 4:02 pm #151739
Kathryn P.Happiness EngineerGot 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.
-
AuthorPosts
The topic ‘Contact us (Top right corner)’ is closed to new replies.