Docs

[molly234000]

Hi – I am using the Block Grid Element in Cornerstone and am trying to get 3 different & separate bits of information to appear on separate lines within one of the “Blocks”. Please see attached screen shot as reference.

Here is what I want it to look like

Beds: 5
Baths: 5
Garage: 5

(1) I want all three of these data points on separate line & (2) I am trying to get the numbers “5” all to line up/stack without aligning them all the way to the right side of the “block” they are in (that would be too far to the right).

Can you tell me how to rewrite the following to accomplish this? P.S. I have tried <br> and for some reason it wont work!

<b>Beds:</b> {{acf:eg-beds}}
<b>Baths:</b> {{acf:eg-baths}}
<b>Garage:</b> {{acf:eg-garage}}

Much, much, much thanks!

[Friech]

Hi There,

Thanks for writing in! You can use a table to arrange that:

e.g.

<table class="house-features">
  <tr>
    <td>Beds:</td>
    <td>5</td>
  </tr>
  <tr>
    <td>Baths:</td>
    <td>5</td>
  </tr>
  <tr>
    <td>Garage:</td>
    <td>5</td>
  </tr>
</table>

Hope it helps, Cheers!

[molly234000]

Thank you for your help. A couple small follow up questions … how do I remove the line that appears between each row in the table? (Please see attached screen shot) I would also like to decrease the amount of space between each line! any help would be much appreciated.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

table th, table td {
    border-top: none !important;
    padding: 0 !important;
}

Thanks.

[molly234000]

Thank you so much for your help … one follow up question on last bit of code … i added it to the customizer and it it works immediately on the page in question, however when I save that page as a template and then apply it to a new page, the table lines/borders and spacing revert back. Any idea why that might be?

[Friech]

Hi There,

Where did you paste the CSS code? Was it on Customizer > Custom CSS or on Cornerstone > Custom CSS? Can you provide us the new page URL so we can take a closer look?

Thanks.

[Author]

Posts