• Resolved thesweetcelebration

    (@thesweetcelebration)


    Hello and happy new year, I’m new at creating a website, I love this Sugar and spice theme. This is what, despite trying my best, can’t figure out:

    1- How do I make the outside of the page just black for example as opposed to the current textured paper image?
    2- How do I change the font and color of the each page’s title?
    3- How can I insert a divider ( those 2 thin gray lines) between my paragraphs?
    4- How do I insert a vertical line to mark a quote?
    5- How do I make the title of my website on the header a little bigger?
    6- What’s the color code for “emerald’ so I can use it on my pages?

    I’ve seen some of these thing in the live demo but I tried myself with the buttons in the kitchen sink, appearance, etc… I save/publish yet nothing shows!! I can’t even get words that are in heading 2 to look the same size!!

    Thank you in advance for your help!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author alex27

    (@alex27)

    Hello and Happy New Year to you too!

    1. It seems that you have found a bug there 🙂 I’ll be fixing this in next theme update.
    2. This will be a bit difficult. Do you know how to write CSS rules? If not, are you willing to learn? You basically need to overwrite the default theme styling here.
    3. This also would have to be custom styled.
    4. I assume you want your quotes to look like the demo website? It’s <p> element wrapped in <blockquote> element. So simply create new paragraph, select it and click the “Blockquote” button in editor. That should do it. And if you want to create a signature below quote, you need to wrap it in <cite></cite> element (but before closing </blockquote>).
    5. Same as #2.
    6. Emerald is #36AB8A

    Please provide URL of your website and what changes (fonts, sizes) do you want, and I’ll try to help.

    Thread Starter thesweetcelebration

    (@thesweetcelebration)

    Thank you for your response, you are very helpful!

    1- Ok, no pressure here, but do you have a time frame in mind for your next update? I saw the black background in one of your responses in another thread but I can’ find it now. I did see that somebody used a picture for the background ( myfamilymealtime.com) you helped her on another issue, maybe I should take a picture with the lens cap on and upload it 🙂
    2- I’ll be happy to learn. Will I need to create a child theme? I just want the same or similar font to the sugar and spice title, something elegant but not too ornate.
    3-ok ready to learn
    4-yay! Got it! I don’t know why, but on my MacBook it doesn’t work ( old piece of technology) but I tried on my iPad and it works. Love the way they look.
    5-ok ready to learn
    6- great, my greens finally match!

    Here is my under construction website http://www.thesweetcelebration.com/

    Theme Author alex27

    (@alex27)

    Hello!

    Hopefully the update will come out in first half of January. Using background image would actually work too – just create small, uniformly black square image and use it as background image. Only background color doesn’t work.
    I just remembered there are plugins out there that let you easily integrate Google Web Fonts with your website, so it won’t be that difficult after all 🙂 Try WP Google Fonts. After you install and activate, go to Settings->Google Fonts. Then select a font (for preview you’ll need to visit Google Fonts directory). Then choose where you want to apply it (page and post titles are h1).
    To enlarge website title, you need to dive into custom CSS. First install My Custom CSS plugin. This plugin lets you introduce CSS changes without child theme.
    Next, go to My Custom CSS in your dashboard, and add this piece of code:
    #site-title { font-size: 40px; }
    40px is the default value, so use something like 48px to make it bigger.
    As for horizontal rulers, add this piece of code:
    hr { border: none; border-top: 3px double #eee; }
    Then, in your post content editor add <hr /> to display horizontal ruler. You need to switch to ‘Text’ tab of the editor first though.

    Hopefully all this makes sense to you 🙂

    Thread Starter thesweetcelebration

    (@thesweetcelebration)

    Thanks a bunch, Alex. I’ll try the changes and I’ll mark the thread as resolved once I stop fighting with it 😉 Again, your theme is beautiful and the helpful and quick answers to my questions are a stress saver 🙂

    Lovely theme! Thanks for the help above with suggesting Google Fonts. I installed and activated, and then selected a new font for h1 (which I’m hoping is the very top title font, the slanted one?). Alas, it is not showing up changed. Any help much appreciated. Thanks!

    Hello Alex, this has been helpful for me as well. I love the Sugar and Spice page and i want to get consistent business cards… can you tell me the font of site title and tagline. Thanks!

    Theme Author alex27

    (@alex27)

    Hello!

    It’s Niconne for the title and Muli for tagline, but available on Google Fonts.

    Hello Alex
    I absolutely love the Sugar and Spice theme. But I am having a few problems…I changed the background color but it does not show on screen but it shows under the Appearance background color section as my color. I also want the header to have a custom color. Last thing…Can you please tell me the font used in both the body of text as well as the headings/ titles. The default font of Raleway is not the font in the theme. Also, when I am edit mode I only have a Visual Tab and a Text tab not a HTML tab. Thank you in advance!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘font colors sizes block quotes spacers’ is closed to new replies.