Specific font color and size help

  • Unknown's avatar

    I don’t know code very well and all I am looking for is the code that would allow me to change the color of one line of text in a paragraph and the size of another line of text on another page. If I could be sent in the right direction for solving this seemingly simple problem that’d be great!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there!
    You can easily change the color of certain text without knowing any code. Try this:

    1. Go in to Edit your page
    2. Make sure you have the Visual tab selected at the top right of the editor.
    3. Highlight the text you would like to change (the color)
    4. Click on the little down arrow beside the Text Color tool (it’s in the 2nd row–the one that is a capital A)
    5. Select a color

    If you don’t see the second row of tools in your editor, click on the Toolbar Toggle button. It’s the right-most icon.

    For the font size:
    If you want to change the size of the text for just one single line of text, you can do it in the toolbar also. Use the same steps as above, but for step 4, you can select a different size of text by clicking on the dropdown box that says Paragraph. When you click on it, you can see the different sizes from which you can pick.

    Give that a shot and let me know if that works. If you need to manipulate the size of just a few words in a sentence, you’ll have to do some HTML coding for that. It’s not too tricky. Just let me know.

    Good luck!

  • Unknown's avatar

    See the thing is I am on the visual tab but the only options I have are bold, italics, insert/edit link, and remove link. Also I’d like to note the theme I am using is called Basis, and the website im making isn’t intended to be a blog. Sorry I know this should be easy but Ive looked in a lot of places for this answer but perhaps its the theme I am using? Which would be strange because I payed for it.

  • Unknown's avatar

    Okay update on progress here I switched the template to default for the second part I needed which was resize some text and the default template gave me the options you spoke of. But for changing the color of the single line of text I must use the product template which doesn’t give me the option to adjust anything. Maybe there is a way around the product template without not using it?

  • Unknown's avatar

    Do you see the 2nd row of icons when you click on the Toolbar Toggle button?

    Screenshot

  • Unknown's avatar

    you see when im using the product template that the theme im using provides, there is no toolbar toggle button, unless I switch the template to default, but that would completely screw up the design of the title page, and would not be the desired effect. Have a look at my site if youd like, the bold white text thats just above the contact button is what I am trying to make red instead, any other ideas? The product template doesnt have the toggle toolbar option.

  • Unknown's avatar

    I’ll look in to this some more tomorrow. I bet we can solve your problem by using some HTML code.

    In the mean time, could you try to past the following on your page in the Text tab part?

    Hello. This word is <span style="color:red">red</span>

    Publish/Save the page. If it works, you should see that sentence with the word red being the color red.

  • Hi there,

    Just a note that another thing you can do is create the text and format in the Visual editor of a regular post or page, then switch to the text editor and copy all of that text and html formatting.

    Then, paste that into the product template. Kind of an easy way around not having the shortcut buttons, and you’ll get more familiar with what the inline CSS looks like. :)

  • Unknown's avatar

    thank you danny that did the trick. exactly what I was looking for. You know, there should be a table of code if you know what I mean, a dictionary of sorts so that you can find the line of code for the application you are looking for, without having to memorize the language.

  • Hi there,

    We have a series on the Daily Post teaching our users basic CSS that will help you understand where to find those terms, and will provide some additional resources for just that kind of thing:

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

    An Intro to CSS: Finding CSS Selectors

    Intro to CSS: Previewing Changes with the Matched Rule Pane

  • Unknown's avatar

    Great! I’m glad it worked. Good luck with the rest of your site!

  • The topic ‘Specific font color and size help’ is closed to new replies.