Want to add a widget to empty area

  • 1
  • Question
  • Updated 4 years ago
  • Answered
Hi

I have moved my banner and, using previous posts and the various CSS override strings, played around and got the desired effect (almost). I have effectively reduced the huge banner area at the top of my page and moved it left. Good.

http://www.wnichangsha.com/

However, that leaves a spaces, roughly the size of a picture-sized widget next to it (basically, in the far top right of my page). Hence, I would like to ask how I can fill that dead space with a widget/logo/picture (anything really)?

Any help greatly appreciated.

Damion
Photo of Damion Braithwaite MT

Damion Braithwaite MT

  • 16 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Damion,

The banner area is a reserved space so not accessible for placing other objects. The easiest way to do this may be to create a composite banner with an image included an then span the banner across the top of the page.

You will need to redefine the size of the banner holder to allow this and I'm guessing that you can manage this with your abilities displayed so far
Photo of Damion Braithwaite MT

Damion Braithwaite MT

  • 16 Posts
  • 0 Reply Likes
Mmmm.....

Thanks for the reply and compliment, but I doubt I will be able to figure this one out all by myself. What I was thinking was to place a clock (widget via HTML) in that space.

In that case, is it possible to stretch across the top of the page the entire length of my banner image (my uploaded logo/image) and then inside that put the clock in (so it still shows in the far top right of the page, albeit imbedded in my overall banner image instead of a separate widget)?

It just seems that there is too much dead space floating around the top of the page and I would really like to tighten/utilise all space, especially banner-level.

Cheers!!

D
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Damion,

I think that you can forget the addition of HTML affecting the content of the banner, it's simply not designed to allow for that.

Stretching the banner is possible but I also think that the selection of another Style is an easier approach. I suggest having a look at the Skyline style as this is very customisable and you can use the Style Designer to really sharpen the content. You can switch styles easily and see the effect before committing.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Damion,

Thinking further about this:
You can use an Old Text Widget to place a holder in the position you wish to display whatever. It's a bit of a bit by bit solution.

So:

Place a text widget as your first content item. Add the HTML code for your clock into the widget via the secondary HTML placeholder that you will see as an icon in the text widget toolbar when you click on the edit text line of the widget.. There you will add your HTML code for example your clock. (best to have this already at the size you wish to finally display the clock.

It may look strange and if it has not worked at this stage. Please publish it at this stage and then I can hopefully give you further parameters to place it in the top right hand area as you have mentioned. I can mock it up locally, take a screen shot. You can then comment on the appearance and we can further fine tune if you wish.

Q: Are you in Hunan now? Reason I'm asking is that the central kingdom tends to disallow Yola sites periodically from being viewed within China.(not even going to ask about VPN's)
Photo of Damion Braithwaite MT

Damion Braithwaite MT

  • 16 Posts
  • 0 Reply Likes
Hey

Well, I had a try at your suggestion and also played around with more CSS lines (perilously!) and had a crack at changing the style to Skyline, as you suggested.

These attempts, a bit of coffee, and some luck, brought about the changes I so desired in my original post. I am happy with it now and will go ahead developing the content of the site (rather than structure) now... thanks kindly. For sure I will be back!

Yes, btw, I am in Hunan, China - I sincerely hope that there is no problem with Yola here as I rely totally on the site not needing a VPN (something most foreigners have to use while surfing the net in China)! What kind of issues have you had?

Take a look at my baby... though it is far from complete: http://www.wnichangsha.com/

Damion
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Suggest that you send a message to Yola CS: support@yola.com or wait to see if they respond here on this thread?
(Edited)
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Damion

We could certainly download your site for you if you require it, but you will not be able to upload it to another host as it will not be compatible.

I hope your site will not be blocked in China but in the event that it is, you can download your files and copy and paste your text in order to recreate your site elsewhere, but simply exporting the site as is to another host is not an option.
Photo of Damion Braithwaite MT

Damion Braithwaite MT

  • 16 Posts
  • 0 Reply Likes
Hi Monique

Oh thank God and I should say a big fat thank you (also to Gop for making you aware of this). Of course, I am happy and loyal to Yola, but as you know, being in China that could change at the drop of a widget box (pun)!

I expect all forms/components not to be compatible, yeah, but just being able to download/save and then copy/paste all my work would be the most I could expect. Word file format?

Many thanks again, and for your help before too guys :-)

Damion.
Photo of Jen

Jen

  • 206 Posts
  • 24 Reply Likes
Hi Damion,

I would advise copying and pasting into Notepad rather than MS Word.  MS Word adds formatting that can cause problems pasting text on most drag-and-drop website editors.

I hope that helps!
Photo of Damion Braithwaite MT

Damion Braithwaite MT

  • 16 Posts
  • 0 Reply Likes
Thank you. Think I should copy everything I have now (before any problems may arise with Yola serving in China)? I guess it would not hurt.