Gil Bechtel

listing page alignment

minor alignment issue, i have played with css for a few hours now but still no luck trying to align the description box with the map and the rest of the tables on the page https://vapefriendly.biz/listing/bluerose-cafe/

Created: August 21, 2015 at 8:02 pm
  • In: Directory Theme
  • Started by: Gil BechtelGil Bechtel
  • 2 members left 3 comments
  • Last reply from: RichardRichard

  • Richard
    Richard
    August 22, 2015 at 12:54 am

    That’s going to be tough without making a child template. The top to elements are a panel then a row. The bottom elements are a row and then a panel. If you try to adjust one you are going to end up adjusting the other.

    (ie)
    <div class=”panel”>
    <div class=”row”>

    </div>
    </div>

    vs

    <div class=”row”>
    <div class=”panel”>

    </div>
    </div>

  • Gil Bechtel
    Gil Bechtel
    August 22, 2015 at 2:57 am

    It is a child theme but that pointed me in the right direction, thank you!

    [code title=””]<div class=”row”>

    <div class=”panel panel-default”>

    <ul class=”nav nav-tabs” id=”Tabs”>

    <li class=”active”>{Description}

    {Details}[/code]

    I deleted <div class=”row”> and the corresponding </div> tag and it seemed to do the trick, I probably broke something somewhere else I’m sure

    [code title=””]

    <div class=”panel panel-default”>

    <ul class=”nav nav-tabs” id=”Tabs”>

    <li class=”active”>{Description}

    {Details}[/code]

  • Richard
    Richard
    August 23, 2015 at 3:21 am

    It might break mobile alignment, but then you could just at the row class back in below the panel class. Then it would be identical to the top to divs.


Viewing 4 posts - 1 through 4 (of 4 total)