Topic Resolution: Resolved
  • Closed
  • Nicole Amber
    Spectator
    May 7, 2016 at 2:12 am #27368

    Hi,

    I have set up an un-ordered list in my Front Page Content Boxes. Previous to the theme upgrade, I was able to link each line on the list to its applicable page in the site. Now, it doesn’t link anymore. Maybe my coding is incorrect? The following is what I have:


    <div>

    <ul style="font-size: 16px; text-align: left; line-height: 35px";>

    <a><li>Furnaces</li></a>
    <a><li>Air Conditioners</li></a>
    <a><li>Gas Fireplaces</li></a>
    <a><li>Hot Water Heaters</li></a>
    </b></div>

    I have also tried this format but it was also unsuccessful: link text

    Can anyone help me given the information above and even though my site is not yet in public view (has Coming Soon Page)?

    Thank you so much.

    Best Regards,
    Nicole

    Denzel Chia
    Moderator
    Posts: 2656
    May 7, 2016 at 3:48 am #27376

    Hi,

    I tried adding list to my content box, but was unable to click it.
    Maybe this is the issue.

    Please use the following in Theme Options -> Custom CSS

    .content-box ul {
    z-index: 9999 !important;
    }

    Please reply with your login access detail in private reply, if you need further assistance. It’s not possible to provide proper help, when we are unable to see it.

    Thank you

    Nicole Amber
    Spectator
    Posts: 41
    May 7, 2016 at 12:28 pm #27386
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    May 8, 2016 at 8:22 am #27404

    Hi,

    I had logged in to take a look.
    Your list code is wrong.
    The structure should be as follows.
    You cannot wrap li with a

    <ul><li><a href='#'>item</a></li></ul>

    Please edit them first.

    Thank you

    Nicole Amber
    Spectator
    Posts: 41
    May 8, 2016 at 1:15 pm #27412
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    May 9, 2016 at 1:46 am #27436

    Hi,

    I had edited your first content box’s HTML, it’s as follows.

    <div style="width: 75%; margin-left: auto; margin-right: auto; margin-top: -30%; margin-bottom: -30%;">
    <ul style="margin-top:5px;font-size:16px;text-align: left;line-height: 35px">
    <li><a href='http://www.casatihomecomfort.com/furnaces/'>Furnaces</a></li>
    <li><a href='http://www.casatihomecomfort.com/air-conditioners/'>Air Conditioners</a></li>
    <li><a href='http://www.casatihomecomfort.com/gas-fireplaces-stoves/'>Gas Fireplaces</a></li>
    <li><a href='http://www.casatihomecomfort.com/hot-water-heaters/'>Hot Water Heaters</a></li>
    </ul>
    </div>

    Your list in first content box is working now.

    Please use this as an example for all your other content boxes.

    Thank you

    Nicole Amber
    Spectator
    Posts: 41
    May 9, 2016 at 2:37 am #27440

    Hi Denzel,

    Thank you for the example. I did as you instructed and the links now work – thank you; however, the background of the content box is too short and the “read more” button is no longer at the bottom of the content boxes – it’s mixed in with the list.

    I will send you a screenshot if I can.

    Thank you.

    Nicole Amber
    Spectator
    Posts: 41
    May 9, 2016 at 2:44 am #27441
    This reply has been marked as private.
    Nicole Amber
    Spectator
    Posts: 41
    May 9, 2016 at 2:59 am #27442

    Hi Denzel,

    I figured out how to fix the mixed up content/button in the Content Boxes as follows:

    I increased margin-top from -30% to -120% and added the following to the Custom CSS:

    .home-content-boxes p {
    min-height: 150px !important;
    }

    Thank you so much for your assistance.

    Denzel Chia
    Moderator
    Posts: 2656
    May 9, 2016 at 9:42 am #27459

    You are welcome.