[hrachovecParticipant]

Hi there:

I’ve got a client’s site which was built in X Theme/Renew. A lot of page were done in Cornerstone. My client wants to move a row of logos from where they added them via Cornerstone into the footer. The attached screengrab shows what I’m talking about.

The reason being that the number of logos may change and we’d rather change them in one spot rather than go through each Cornerstone page and update manually.

So I tried to add a Bootstrap row of 6 columns to my child theme, but that didn’t seem to take effect. I know you use some custom version of Bootstrap and don’t provide support for custom themes, but a little hint about the code of a 6-column bootstrap row would be welcome. I tried this but it doesn’t seem to work:

<div class="row">
  <div class="col-md-2 col-lg-2">column 1</div>
  <div class="col-md-2 col-lg-2">column 2</div>
  <div class="col-md-2 col-lg-2">column 3</div>
  <div class="col-md-2 col-lg-2">column 4</div>
  <div class="col-md-2 col-lg-2">column 5</div>
  <div class="col-md-2 col-lg-2">column 6</div>
</div>

Or is there some other way of achieving this layout?

Kind regards, R

[ChristianModerator]

Hey there,

X supports up to 5 columns only. You’ll need to build your own columns or checkout Bootstraps 6 column code and integrate it in Appearance > Customize > Custom > Global CSS. You can then those columns in the Raw Content element. If you’re unsure how to do this, you might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[hrachovecParticipant]

Hi Christian:

Thanks for your response. I’m trying to find a way to alter my child theme’s footer.php file (which I’ve found and can easily edit) so I can put the logo columns across all pages. Bootstrap’s column code didn’t seem to work when I pasted it in.

I don’t understand what bootstrap code I’d add to the Global CSS section — could you explain further, please?

Your solution to add it as a raw content block sounds like I’d still have to go through page-by-page on every page I built in cornerstone and add that block — I’d rather avoid that.

I hope that makes sense and thanks in advance.

Cheers, Russell

[RupokMember]

Hi Russell,

You can’t directly use the bootstrap code since we are using the modified version of bootstrap. You can use the Column Shortcode – http://demo.theme.co/integrity-1/shortcodes/columns/

If you still want to use HTML then try like this :

<div class="x-container">
  <div class="x-column x-sm x-1-2">Column 1/2</div>
  <div class="x-column x-sm x-1-2">Column 1/2</div>
</div>

<div class="x-container">
  <div class="x-column x-sm x-1-3">Column 1/3</div>
  <div class="x-column x-sm x-1-3">Column 1/3</div>
  <div class="x-column x-sm x-1-3">Column 1/3</div>
</div>

Hope this helps.

Cheers!

[hrachovecParticipant]

Hey Rupok:

Thanks, that’s exactly the answer I needed!

R

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts