Bottom border on boxes?
Posted 08 October 2013 - 08:50 AM
I am finally close to the Finish line on this project :-) The last thing is giving me grey hair! My client designed this page with a HR in the bottom of the page:
I rebuild the site in Pagelines Framework onand wanted to add a border to the bottom of the boxes. I tried fx with
but I can't figure it out... I have tried a lot of combination after using inspect element via Firefox.
Posted 08 October 2013 - 10:27 AM
It's probably difficult because you have customized the Boxes slightly.
What you will need to do first is add some padding to the bottom of the boxes, you have the following code, you can add 30px to it to give you padding at the bottom.
Then add the following CSS:
Posted 08 October 2013 - 11:01 AM
That worked. And then I realized I have other boxes on the site -and they should not have the border. Can you please help with the id for the boxes on the homepage?
Posted 08 October 2013 - 11:14 AM Best Answer
You can just use the .home class, which will mean that the CSS will only effect Boxes on the homepage.
Posted 08 October 2013 - 11:17 AM
Thank you! I was looking for the clone of the boxes....
Posted 08 October 2013 - 12:15 PM
Also, you could have used the clone class. However, the class isn't unique to the Boxes section, meaning that if you had cloned another set of Boxes elsewhere, such as another page or post, it too may have had the class id and therefore the styling would have effected it.
Thats why the .home class is the better option.
Posted 09 October 2013 - 05:21 AM
But if I wanted to show these boxes on several pages - and in Drag & Drop had to instances of boxes - I guess the smart thing would be to use the clone class?
And thanks :-)
Posted 09 October 2013 - 11:08 AM
Posted 22 October 2013 - 11:40 AM
Thank you Danny :-) I can understand why this is the better way.