Lists within a widget

  • becreativeva

    (@becreativeva)


    10 years, 8 months ago

    I have a text widget and it is listing my business hours. I have Monday through Friday on one line, Saturday on it’s own line as well as Sunday. The problem is when I try to put the holiday schedule on it’s own line I get a bullet with it. If I use the <p> tags, it moves the text below it down and puts a space above it. If I remove the p tags the space goes away. I have tried li and ul but it either doesn’t work or I get a bulleted list which I don’t want. This is what is there now (which you will see the results if you go to the site itself):

    <center><div style=”background-color:#fae0a2;padding-left:1em;padding-right:1em;”>Monday through Friday: 8-6 (EST)*
    Saturdays: 9-3 (EST)*
    Sundays: Closed
    <p>All US holidays: Closed</center>
    <center><span style=”font-size: small;”>*For certain circumstances and projects, hours can be adjusted with prior arrangements.</center>

    If I remove the p tag before ‘all US holidays’ the space before the text below it moves back up. But then the “All US holidays” moves up to and connects to the line before it also.

    The website is http://becreativevirtualassistant.com/contact-me. I know it is something simple but I can’t figure it out. I am self taught at this stuff so I play until I figure it out. Not this time :-). Thanks!

Viewing 1 replies (of 1 total)
  • James Roberts

    (@james-roberts)

    10 years, 8 months ago

    Hi,

    First, I would not use the <centre> tag as that has been deprecated. Instead, it is best to centre items with CSS (text-align: centre).

    The space you are seeing that is caused by the <p> tag is because <p> tags are given a margin-bottom of margin-bottom: 1.5em; I would suggest using

      and

    • tags, and remove the bullet points with CSS, list-style-type: none;
Viewing 1 replies (of 1 total)

The topic ‘Lists within a widget’ is closed to new replies.