Stacking Hours

[wy4tt34rp]

REF: https://velaharbor.com/home-1/

The Hours listed in the Map Results currently display inline. Example:

9:00 A.M. – 8:00 P.M. Mon. – Sat. 1:00 P.M. – 6:00 P.M. Sun. OUTLET HOURS 9:00 A.M. – 7:00 P.M. Mon. – Sat. 1:00 P.M. – 6:00 P.M. Sun.

We would like to display them as stacked. Example:

9:00 A.M. – 8:00 P.M. Mon. – Sat.
1:00 P.M. – 6:00 P.M. Sun.

OUTLET HOURS
9:00 A.M. – 7:00 P.M. Mon. – Sat.
1:00 P.M. – 6:00 P.M. Sun.

We tried accomplishing this using <p>, </p>, <br /> and <br> tags, but the field strips all HTML when displaying content

I also looked at accomplishing this with CSS, but as you know the displayed content in the field is wrapped with a single class (see below).

<span class="slp_result_contact slp_result_hours">
9:00 A.M. - 8:00 P.M. Mon. - Sat.
1:00 P.M. - 6:00 P.M. Sun.

OUTLET HOURS
9:00 A.M. - 7:00 P.M. Mon. - Sat.
1:00 P.M. - 6:00 P.M. Sun.
</span>

How can we accomplish this?

TIA
KO

[Cici]

Hi KO,

Assume you are still using premier and latest updates

I cannot see the screen shots , they exceed max allowed.

I can tell you 2 ways to accomplish this since you have multiple hour blocks (I do not know how you would do it using the general results layout.)

The simple way I did this.

• Under Locations  edit Hours add the <br> in the text box (screenshots attached back end and front end

or add the text under description with the <br> to break the lines.

• This reply was modified 4 years ago by Cici.

Attachments:

You must be logged in to view attached files.

[Author]

Posts