Adding more rows to website
Hi Guys,
On my site https://bannerton.ie/new i want to add 3 more columns to the row where it has the 3 images Public Relations, Event Management and Marketing, also i was wondering is there a way i could expand and collapse with a button that says read more?
On my site https://bannerton.ie/new i want to add 3 more columns to the row where it has the 3 images Public Relations, Event Management and Marketing, also i was wondering is there a way i could expand and collapse with a button that says read more?
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
For the first part of your question, notice each image contains a div with class "col-md-4 col-sm-6". This is using bootstrap's css. It is saying for medium or large screens, each square should be 1/3 of the page (4 out of 12 columns). On a small screen each square should be half the width of the screen (6 out of 12 columns).
If you add more div's to the row and you want the row to contain more columns, then add more div's inside of the row. However, you are going to need to change the class to "col-md-2 col-sm-6". That will make the div smaller and allow 6 columns without stacking. Once the screen gets smaller they will stack 2 accross.
At least that is how to do it by hand. You are using the porto theme and the theme may already have the option for you to add columns. Look at the documentation there first. Those box's may be part of a widget and just adding more widgets could do the trick.
If you add more div's to the row and you want the row to contain more columns, then add more div's inside of the row. However, you are going to need to change the class to "col-md-2 col-sm-6". That will make the div smaller and allow 6 columns without stacking. Once the screen gets smaller they will stack 2 accross.
At least that is how to do it by hand. You are using the porto theme and the theme may already have the option for you to add columns. Look at the documentation there first. Those box's may be part of a widget and just adding more widgets could do the trick.
Premium Content
You need an Expert Office subscription to comment.Start Free Trial