Can't change font of tag on title page

justinsynnestvedt · Member · Jan 29, 2015 at 8:46 pm
Copy link

Add topic to favorites
I was told to use ‘custom design upgrade,’ but can’t find it. I have a premium account. I was directed to “Site PIcker” in My Sites, but that doesn’t show.
Jeremey has been very supportive. Thanks!

The blog I need help with is justinswebsite.org.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 30, 2015 at 6:24 pm
Copy link
Hi there, on justinswebsite.org, if you go to Appearance > Customize, you will see the CSS tab on the right bottom. You can click there and then add CSS rules to override the existing.

When you say “tag” on title page, are you talking about Once a thinker, always a thinker …? If so, using the web inspector in my browser I found that it has a CSS id of #site-description, so you can use that to change the size, color and styling on the tagline. Here is the original CSS.
```
#site-description {
    clear: right;
    color: #000;
    float: right;
    font-style: italic;
    margin: 15px 0 18px;
    opacity: 0.65;
    width: 220px;
}
```
The font color is black, but it has an opacity that makes it lighter, so you can change the opacity to 1. You can also change the font style to normal if you wish, and change the color code. I added a font size is inherited, so you can add a font size declaration to the above and then adjust the size as you desire.

That’s a start for you. Let us know if you have questions or run into any problems.
justinsynnestvedt · Member · Feb 1, 2015 at 8:23 pm
Copy link
Dear Sacred Path
I fear my sacred path won’t include CSS literacy.
Two problems:
First, I made the changes, but don’t know how to save them. The “once a thinker, always a thinker …” tag keeps reverting to the default settings
Second, when I enlarged the font, the text wraps, and is no longer in line with the header title.
Yours, Justin
justinsynnestvedt · Member · Feb 3, 2015 at 4:24 pm
Copy link
What’s the procedure for adding a ‘font size declaration’ to the Site Description? I try to do that, but it doesn’t remain in the description. This and other adjustments (e.g. opacity) don’t stay. Is there some ‘save’ button? I’m a little leary of making changes at random, for fear of messing up the default settings.
Also, the website is still private. Does that make any difference?
Thanks, Justin

Site: JustinsWebSite.org
kevmarsden · Member · Feb 3, 2015 at 8:02 pm
Copy link
Hi Justin,

In the Customizer, there is a “Save” button at the bottom right corner of the screen. On the CSS tab, your page should look like this screenshot:

https://cloudup.com/cs0WQi88Jz7

You can increase the font size, by adding a font-size: value to #site-description

In order to prevent wrapping, the Site Description width can be increased and the Site Title width decreased. For example:
```
#site-description {
    clear: right;
    color: #000;
    float: right;
    font-style: italic;
    margin: 15px 0 18px;
    opacity: 0.65;
    width: 320px;
    font-size: 20px;
}

#site-title {
   width: 600px;
}
```
If you make any mistakes with the CSS, you can delete the changes or revert to a previous version. Since your site is still private, you have the chance to experiment with the CSS.
justinsynnestvedt · Member · Feb 3, 2015 at 9:37 pm
Copy link
If I knew how to enclose a screen shot to you, I would. My site description is different from from the one you sent in several ways, including that it doesn’t include’ the ‘font-size’. Also, the default screen that pops up when I hit Customize CSS gets in the way, and no ‘save’ button appears. Etc
I don’t know if it’s clear, but I only want to enlarge and embolden the line “Once a thinker, always a thinker” without wrapping the text, or putting it out of line with the blog title, Lets Discuss It.
My website is JustinsWebSite.org
Thanks
timethief · Member · Feb 3, 2015 at 9:44 pm
Copy link
There are two ways to take a screenshot and share it with Staff.

1. You can use http://snag.gy/ to share screenshots and link to them here.

2. If you use the WordPress.com guide to create screenshots http://en.support.wordpress.com/make-a-screenshot/ you can upload theme to your Media Library, and return to this thread to provide the file name so Staff can examine it.
justinsynnestvedt · Member · Feb 4, 2015 at 2:57 am
Copy link
Thanks, Time Thief,
I put the screen shot in my media library: Screen shot 15.
You (or whoever) will also see how small and sickly is the tag line that reads: “once a thinker, always a thinker …”

My website is JustinsWebSite.org
kevmarsden · Member · Feb 5, 2015 at 4:36 pm
Copy link
Hi Justin,

If you close the web inspector, you’ll see a section of the Customizer called “CSS”. Here’s a screen shot of the entire Customizer:

https://cloudup.com/chtrFhC4PCk

You can paste the CSS I provided into the CSS section and then click the “Save” button.

For more details on Custom Design and Custom CSS, please see these guides:

Custom Design

Custom CSS
justinsynnestvedt · Member · Feb 6, 2015 at 9:34 pm
Copy link
Thanks, Kev Marsden,
I think I have it now.
Justin

JustinsWebSite.org
kevmarsden · Member · Feb 6, 2015 at 10:29 pm
Copy link
Great! Thanks for the update :)

No items found.