Flyout customisation won't take using Site CSS.

  • 1
  • Problem
  • Updated 3 years ago
  • Solved
Flyout sub-menu customisations won't work using Site CSS. The solution being to add this as an Internal Style Sheet on each page. Tedious.

Can this be attended to please?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes

Posted 3 years ago

  • 1
Photo of André

André

  • 11 Posts
  • 0 Reply Likes
Hi Gop,

Unfortunately Flyover menu customization via CSS has proven unreliable and is not recommended. To customize your Flyover Menu, you will need to do a bit of HTML coding on each page of your site. If you need help with this, then please let us know and we can have our HTML specialists assist further.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I use CSS with an Internal Style Sheet and it's reliable so it's not the CSS. It is the Site CSS facility which is the issue. 

Please look into this as it would have a solution.
(Edited)
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Gop, I think this may work (it worked for me):
  1. Copy the flyout customisation code (minus the <style> </style> tags)
  2. Paste it into a text document (like notepad for example)
  3. Rename it to have a .css extension (e.g. flyout.css)
  4. Upload it to your file manager
  5. Paste the following into the "head" section of your "site tracking code" area: <link rel="stylesheet" type="text/css" href="resources/flyout.css">
Now you only need to edit the code in one place (the file in your file manager). Worst case (if it doesn't work for you), is to past the "link to the stylesheet" into an HTML widget on each page. Let me know if it works for you.
(Edited)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Boomer,

The External Style Sheet doesn't work either. 
I have been using the Internal Style Sheet as the workaround . 
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
The internal style sheet (added to each page) is a pain if you have many pages. The above workaround worked for me. Strange that it doesn't for you! Can you try again?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi again Boomer,

Linking it to the style sheet on each page has worked. Thank you for this.
I've been trying to resolve this for a fortnight so am very grateful. 

I still need to tweak the flyout so as you say a lot of effort with each development to implement it via an Internal. 

I'm also running this site as a trial on the Style Designer and endeavouring to limit the processes to those offered. It's a trial because many aspects don't work as they should. Can say that I'm not really impressed with the Style Designer at this stage of its development. Certainly doesn't have the flexibility and accuracy of open HTML and CSS approaches. There are some aspects that need additional coding or resources and finding that some of these cause issues in the Style Designer approach.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
That's great news regarding linking it to the style sheet in the file manager! Happy I could help :)

I can't say I agree with your sentiments about the Style Designer. I find it very useful and much easier to get a more consistent look across your whole website. Instead of changing font-families, font sizes or colors etc, I can now make one change in the Style Designer and it applies site wide.

No more going through dozens of pages to make changes, like in the old days :) It's also more in tune with "modern website trends" - do a search for the term ;) Of course Yola will have teething problems, but overall I'm impressed! My 2 cents :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
..."teething problems,"... ?
More like impacted molars!  ;)
(Edited)