SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

styling individual rows bootstrap panels/panels

6 years 1 month ago #116798 by ahmedsiddiq
Hi

Reference to image below, I have added padding between rows by adding following into the style.css

.row{ padding:20px 0px; }

Question one: What should I do if I want 20px padding between 1st & 2nd row and 10 px padding between 2nd & 3rd row.

Row one has approximately 10px padding on the left side.

Question two:

What should ( css command ) I write that would effect the padding of 1st , 2nd & 3rd rows respectively & individually.




please guide.

regards
Ahmed

This message has an attachment image.
Please log in or register to see it.

Please Log in to join the conversation.

6 years 1 month ago #116820 by steve
Hi Ahmed

From another post, it looks like you're using a localhost which makes it difficult to check the CSS.

However, you can look at the CSS here, using either Firebug or Chrome developer tools. Do the rows have different class IDs that you can target with CSS?

Please Log in to join the conversation.

6 years 1 month ago #116958 by ahmedsiddiq
Replied by ahmedsiddiq on topic styling individual rows bootstrap panels/panels
Thank you Steve,

Your reply help in solving the issue.

regards
Ahmed

Please Log in to join the conversation.

6 years 1 month ago #116986 by Valentin
Hi Ahmed,
Wonderful!

Let us know if we can help you in something else

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!