Boxes / borders around content and sidebars in Prose theme

Community Forums Forums Design Tips and Tricks Boxes / borders around content and sidebars in Prose theme

This topic is: resolved

This topic contains 7 replies, has 3 voices, and was last updated by  wendycholbi 1 year ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #33212

    majenn
    Participant
    Post count: 15

    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?

     

    #33215

    asdweb
    Participant
    Post count: 90

    Yes.

    The style.css is where you add/remove/change the look of the site.


    Amy Susan Design.com @AmySusanDesign

    #33217

    majenn
    Participant
    Post count: 15

    Writing 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 :-(

     

    #33219

    majenn
    Participant
    Post count: 15

    I should add…as a non coder and with nothing / very little available in the way of a manual or tutorials for this theme.

    #33223

    asdweb
    Participant
    Post count: 90

    All 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

    #33793

    wendycholbi
    Participant
    Post count: 120

    If 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

    #35464

    majenn
    Participant
    Post count: 15

    Thanks for the help guys. I moved to the ‘dynamik theme’ and managed to resolve all my issues with that one :-)

    #35466

    wendycholbi
    Participant
    Post count: 120

    I’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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.