Community Forums › Forums › Archived Forums › Design Tips and Tricks › Boxes / borders around content and sidebars in Prose theme
- This topic has 7 replies, 3 voices, and was last updated 11 years ago by wendycholbi.
-
AuthorPosts
-
April 4, 2013 at 4:58 pm #33212majennMember
Hi all,
Very new to all this and just starting to design my first site, so apologiess in advance for the noob question(s)!
I'm using the prose theme, just generally playing with settings at the moment in order to get used to things. I'm wondering if there is a setting for adding a border or a box around the content and sidebars or widgets in the sidebar? At the moment, all content and sidebars are floating in the same area and there's no settings I can find to make the sidebar and content divided in any way.
Is it possible to place borders around the content (blog post) and the sidebars?
April 4, 2013 at 5:23 pm #33215asdwebMemberYes.
The style.css is where you add/remove/change the look of the site.
Amy Susan Design.com @AmySusanDesign
April 4, 2013 at 5:33 pm #33217majennMemberWriting custom CSS for borders around the divs (or whatever it's called :-s)? I was hoping it would be easier with some of the settings of prose included in the admin panel. It seems Prose is nowhere near as easy to modify as I first thought after playing with it for a while 🙁
April 4, 2013 at 5:37 pm #33219majennMemberI should add...as a non coder and with nothing / very little available in the way of a manual or tutorials for this theme.
April 4, 2013 at 6:03 pm #33223asdwebMemberAll the themes come with basic instructions to set you up to replicate the demo and then you can start inserting your own content and images.
Modifying the stylesheet starts the process to customize the theme. There are tons of tutorials and how to's for general changes/customizations to the style.css such as; http://www.w3schools.com/css/
Once you get familiar with the basic css structure, making changes is fairly simple. You can always ask here on the forum for specific help.
For example to create a border around the content would be finding the selectors for the post entry.
.post {
margin:0 0 40px;
overflow:hidden;
}then adding a border around the text. Because the line was so close to the text, I added a slight padding to put some space between the border and text.
.post {
margin:0 0 40px;
overflow:hidden;
padding: 14px;
border: 1px solid #000;
}
Amy Susan Design.com @AmySusanDesign
April 7, 2013 at 3:39 pm #33793wendycholbiMemberIf you're going to modify or add any CSS, please do it in the Genesis --> Custom Code --> Custom CSS field, NOT in the style.css file. Prose is the only Genesis theme that has this feature, so for any tutorial that tells you to add something to style.css, just mentally translate that to "add it to Genesis --> Custom Code --> Custom CSS".
And yes, adding some custom CSS is the only way to add dividers or borders to the content area, sidebar(s), sidebar widgets, and images.
The Prose Design Settings do let you set a border around the navigation bar(s), footer widget areas, blockquotes, notice boxes, and input boxes. And the wrap, which is the container for your whole site. But for any items other than those, custom CSS is necessary.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
April 14, 2013 at 2:53 pm #35464majennMemberThanks for the help guys. I moved to the 'dynamik theme' and managed to resolve all my issues with that one 🙂
April 14, 2013 at 3:05 pm #35466wendycholbiMemberI've heard a lot of good things about Dynamik -- thanks for the follow-up. I'm glad you found a solution!
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.