How to Change Font Color of Main Heading

  • 1
  • Question
  • Updated 5 years ago
  • Answered
I have Yola Silver and was able to change font color of Main Heading. Now working on another premium style I have changed main heading font color again but the change doesn't carry through to the website. Help please...
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
  • frustrated

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello JoMelGroup

To assist you further best, I'd need to have a look at your website in your Sitebuilder. If you have published your site, please provide your URL. If not, I'd need to know your login e-mail address to find your Yola account. Thanks.
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Hi Stefan,

Thank you for your reply. Please email me directly: john@jomelgroup.com as I cannot post the password here.

Kind Regards

John Heath
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Hi Stefan,

Other items on the new website: dynastydesignerhair.com don't work.
1) Custom panels don't change colour even if we save them as a totally different colour.
2) Link font changes to some ridiculous style and size font as soon as we activate teh link.
3) I think the new font widget doesn't work to well.

Thank you for your reply.

My login email is: john@jomelgroup.com

Thank you for your help

Regards

John
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello John

Thank you for your detailed information.

I've been doing some tests in the Sitebuilder of your dynastydesignerhair.com website and created a test page named "product hair care test". You can delete this page at any time yourself, and it's not linked in your main navigation.

0) Colour of your page heading
I was able to replicate the problem you describe. Although you've set a different colour for your main heading (h1) in the Style Designer, it still stays white. I'm not sure why this happens. Normally the settings made in the Style Designer will overwrite any other settings, such as those in the Site CSS of your Premium Style. However, the Style Designer was especially made for the recommended Styles "Skyline" and "Super Flat" and works 100% fine for those. For Premium Styles, the Style Designer will not even offer you all options you get with the recommended Styles.

Nevertheless, there is a workaround to set the font colour of the main heading for the Style you chose! You can add this CSS code to the overrides box of your Site CSS Editor (Site > Content > Site CSS):
div.layout div#sys_banner h1 a {

color: #f5a403;
}

Change the colour code (#f5a403) if it's not the one you want. This will change the font colour of your page heading and apply to all pages of your website.

1) Custom Panel colours
When you change the colour of a Custom Panel Widget and close the widget dialogue box, your Sitebuilder workview will not reflect the change immediately because it doesn't refresh the workview. To see the result, please click on the Refresh button in the top-right corner of your workview (round arrow icon next to the Style Designer palette icon). Also, Preview should give you the edited colour right away.

What can currently cause a problem is the Fonts tab in the Custom Panel Widget. To make sure that the font settings made in the Style Designer will apply, please remove any colour code from the boxes under the Fonts tab in the Custom Panel Widget dialogue box. We're working on improving this.

2) Link formatting
When you add a link to text of either the old or the new Text Widget, it will change this link text according to your settings in Style Designer. It's currently on "Goudy Booklett" and a 12px font size for paragraph text. When I go to your Products Hair Care test page, the link formatting is fine for the Text Widgets with the small, hand-writing-like text, but not for the other Text Widgets where you formatted the font properties individually inline, using the old Text Widget. The idea is to preset your font and link properties in the Style Designer for sitewide effect to ensure a professional design consistency. It's not recommendable to use multiple fonts for your paragraph text. So I'd suggest that you choose a font couple from the Presets section in Style Designer. The first font will be the font of your headings and the second one the font of your paragraph text. I'd advise against using the old Text Widget to add inline formatting to an individual Text Widget.

3) New font widget
Are you referring to the new Text Widget? As I was able to find out in your Sitebuilder, it works absolutely fine and as designed. If you have any questions on how to use it best with the Style Designer, please let us know, and we'll be happy to assist.
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Hi Stefan,

Thank you that has made a lot of sense.

Last Question...

How do I change the size and font of navigation buttons?
I can change the size and font colour etc of everything else except that, and with the Dancing Script does not work for a navigation link, too small and too squigly to read.

Thanks for your help.

Regards

John
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi John

You should be able to set this in Style Designer as well. I can see you've managed to change the font colour of your menu links, so the font and font size should also be editable. Open your Style Designer and scroll down to the "Fonts" section. There you will find "Navigation" again. When you click on it, you'll be able to edit the font properties.

If that doesn't work, the Site CSS override your custom Style Designer settings for some reason. Then it would only be possible to change these properties by editing the Site CSS. If that's too complicated, I'd recommend to switch to the Skyline or Super Flat Style which allow you to edit almost everything about your Style Template easily. Switching Styles will not affect your content.
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Hi Stefan,

Thank you for all your help... It works!

All the best

John
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Good Day Stefan,

Trust you are well.

1) Is there a way to broaden our website? We need a little more space for an advertising column.

Thank you

John
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello John

I'm afraid that won't be possible with the Style Template you chose. You can extend the width of your content area, however the glass frame is actually an image file which can't adapt to the larger width automatically. You'd need to make up a new image file which is exactly as broad as the new width of the content area. This would be a bit of a laborious process to achieve, and I wouldn't be able to assist you with it.

So what I can suggest you, especially if you have the feeling that you'll need to make even more structural customizations to your site in future, is to switch to one of our recommended Styles, Skyline or Super Flat. They offer you the complete range of customizations possible which can easily be set in the Style Designer.

I'm sorry that I don't have better news for you in this matter.
Photo of JoMellGroup

JoMellGroup

  • 26 Posts
  • 1 Reply Like
Thanks, will make do...

Please advise if the new text widget is supposed to block copying...

Once I've typed a sentence, I'm unable to move it anywhere. I can't copy, cut, drag and drop. This is a big problem, as now we need to re-type everything we create in order to move it to its correct position.

Please advise

Thank

John
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi John,

Can you please confirm if you are using the keyboard shortcuts rose marie refers to without success?

We do suggest you only copy and paste plain text to avoid unwanted formatting from breaking your page as detailed here but it is not blocked.
Photo of rose marie

rose marie

  • 72 Posts
  • 23 Reply Likes
I'm replying to this to bump it up so perhaps someone from Yola can help you. You
definitely should be able to copy text with the new text widget - CRTL C to copy and CRTL V to paste