How do I maintain continuity on my pages?

  • 1
  • Question
  • Updated 5 years ago
  • Answered
  • (Edited)
I have a "show schedule" page where I indent the address. New entries do not have the vertical grey line that are in the older ones.
beadsbyheart.yolasite.com
Photo of Linette Arnold

Linette Arnold

  • 22 Posts
  • 1 Reply Like

Posted 5 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Linette,

How did you add the grey lines initially? Looking at your Sitebuilder, I was able to copy a text widget with the line, paste it into a new widget and update the text. Please see April 25 as an example that I saved but did not publish in your Sitebuilder.
Photo of Linette Arnold

Linette Arnold

  • 22 Posts
  • 1 Reply Like
That seems like a lot of steps for something that used to be automatic. New and improved isn't always is it?
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Linette,

This is not a change we have made on our end. I asked above how you created the look in the first place because I can assure you it was not "automatic" or the default. Also, because you opt to add each event as a separate text widget, it must be newly formatted for each widget. This was formatting you or someone else set up at one point and as such you need to maintain it by setting up each text widget in the same way or copying and pasting as I suggested above. If you don't wish to maintain it in this way, I suggest stripping the formatting and using one text widget to add your event dates in a simpler format that would be maintained by continuing in the same widget.
Photo of Linette Arnold

Linette Arnold

  • 22 Posts
  • 1 Reply Like
I created the look by typing all the information, highlighting the two address lines and clicking 'indent'.
Guess I'll just have to redo the page so it looks cohesive.
Linette
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Linette,

The vertical grey line is a mark of the HTML < blockquote > tag which forces the content within the tags to be indented and a vertical line to be added. This is a convention often used for long quotes and it looks really nice on your site. It gives exactly the right emphasis for your schedule and a clever use of this tag.. Well done!

As you mentioned this was the default styling for the indent instruction mentioned which now seems to have been revised so that the inherent < blockquote > tag now no longer styles the included text with the vertical grey line, the invisible embedded HTML tag still remains though. This may be due to a recent upgrade and hopefully this will be rectified for you.
Photo of Linette Arnold

Linette Arnold

  • 22 Posts
  • 1 Reply Like
I retyped the schedule using a whole page instead of text widgets. Not sure why I didn't do that originally - confusion?!?!?

Is someone working to rectify this issue for me personally or is this a change that needs to take place for the whole program?
Linette
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Linette

I can assist you with this if you're happy with learning how to work with a little bit of coding. I have created a test page in your account, named "Yola-Test". It's not published and not in your navigation, and you can delete it yourself at any time. This test page is an identical copy of your "show shedule" page. I've re-added the grey border to your first indented paragraph. Is this the way you want it to show on your "show schedule" page?

You can adjust the spacing of the grey line as follows:
  1. Click into your Text Widget, so that the Text Editing Toolbar shows up at the top.

  2. Click on the HTML icon on the very right to access the HTML Editor of your Text Widget.

  3. Scroll through the HTML code until you find the first "blockquote" tag. In this tag you can enable the grey line and set its spacing.

  4. Within the blockquote tag, you will find an attribute named "style", and in its quotation marks, you'll see "margin". Edit the 20px value to change the left margin of your grey line.

  5. There is also "padding-left". Edit the 20px value to change the right margin of your grey line.

  6. You can repeat this with every blockquote tag that follows. Make sure to remove the attribute "border=none" for the grey line to show.

When you're finished and happy with the result on the test page, you can save it as your "show schedule" page, and the content of the old "show schedule" page will be replaced by the content of the test page.
Photo of Linette Arnold

Linette Arnold

  • 22 Posts
  • 1 Reply Like
Boy did I mess this up. Shows you how computer illiterate I am. You put the grey line in the perfect place. Just wish I could have duplicated it.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Linette, did you manage to achieve what you wanted? Please let me know if you need more assistance.