Skip Navigation

[Resolved] Grid border

This thread is resolved. Here is a description of the problem and solution.

Problem:
How can i add border, shadow and space between grid elements in a View with at Bootstrap grid

Solution:
You will use Custom CSS and HTML.

The Toolset will let you query the contents and populate your own Custom HTML with it.

The Views Loop Wizard lets you set up some basic structures, which you can enrich with your own CSS/JS and HTML.

Given a Bootstrap Grid you will have your items organized in (if the GRID is a 3 columns grid) some

div class="col-sm-4"

.

You can add classes to that

div

(those div's) and then add CSS to the CSS Editor to add shadows, or any effect you want.

DOC:
http://getbootstrap.com/
http://www.w3schools.com/
Relevant Documentation:

This support ticket is created 7 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- - 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00
- - - - - - -

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

This topic contains 2 replies, has 2 voices.

Last updated by jensA 7 years, 8 months ago.

Assisted by: Beda.

Author
Posts
#426325

How can i add border, shadow and space between grid elements in a View with at Bootstrap grid

#426403

You will use Custom CSS and HTML.

The Toolset will let you query the contents and populate your own Custom HTML with it.

The Views Loop Wizard lets you set up some basic structures, which you can enrich with your own CSS/JS and HTML.

Given a Bootstrap Grid you will have your items organized in (if the GRID is a 3 columns grid) some div class="col-sm-4".

You can add classes to that div (those div's) and then add CSS to the CSS Editor to add shadows, or any effect you want.

DOC:
hidden link
hidden link

#429580

Fine support

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.