Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum Pro – Adding Section Divider On Front Page?
Tagged: minimum pro
- This topic has 6 replies, 3 voices, and was last updated 10 years, 7 months ago by neomatrix321.
-
AuthorPosts
-
September 12, 2013 at 11:27 am #62116neomatrix321Member
Studiopress Community,
I just recently recreated my website with the new Minimum Pro theme. I have been trying to figure out how to add the line element to different sections of the website like it appears on the Minimum Pro homepage. I simply cannot figure it out, so I need your help Studiopress Forum.
The element that I am referring to can be found on the Minimum homepage. Click this link to go to the demo page.
I am referring to the small spacing line between the 4 social media icons and the blog post section (sample post with threaded comments).
I would like to use that line spacing in different sections throughout the website to keep a uniform dividing of information look.
Thank you so much in advance for your help! You guys/gals of this forum are some of the most talented and supportive members that exist.
http://demo.studiopress.com/minimum/September 12, 2013 at 8:30 pm #62174RobinMemberThese are the lines in the demo's css that create that divider:
/* Site Containers --------------------------------------------- */ .home-featured { border-bottom: 5px solid #f5f5f5; margin-bottom: 60px; margin-bottom: 6rem; padding: 40px 0; padding: 4rem 0; }
Hope that points you in a direction.
Need help customizing your website? Let me know at RKW Media.
I’m taking up The Challenge by answering some of the Unanswered Posts.
September 12, 2013 at 8:31 pm #62175scotmMemberThat line is simply a border in your css file. Look for a 5px border or something to that effect for .home-featured in your style.css file.
September 13, 2013 at 10:07 am #62280neomatrix321MemberScotm or Robin,
Is this only available to be used on the homepage/frontpage through widgets?
If not, how would i go about calling that in a different page besides the homepage?
For example, lets say i create an "About" page and want to divide apart sections with that border, how would something like this be accomplished?
Thanks you for your quick responses!
September 17, 2013 at 10:06 am #62992neomatrix321MemberIs this even possible to call in HTML?
I have been stumped by this for the better part of a week now.
September 17, 2013 at 11:27 am #63019RobinMemberHere are two alternative ways to accomplish this:
Plugin
http://www.wpexplorer.com/symple-shortcodes/or
Html
http://www.web-source.net/html_customizing_horizontal_rules.htm#.UjiPNMZOPAk
Need help customizing your website? Let me know at RKW Media.
I’m taking up The Challenge by answering some of the Unanswered Posts.
September 17, 2013 at 1:25 pm #63031neomatrix321MemberRobin,
That plug-in was very neat (i will be using it for other aspects) but the styling isn't quite the same as in the minimum pro theme.
Also, the HTML source you listed concludes with the same results.
Both work to create borders, but they don't look the same as the minimum pro.
You seem to know your way around HTML and CSS, what would i place in a page to get the exact same border as the minimum pro theme?
These are both REALLY close, but not exact. You are being extremely helpful though, you are really close to solving this one.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.