Customize Magazine Pro headers/menus/Main content area

[benny V]

Hey errbody.

I just bought the magazine theme, and it's going very well so far. There are three things I'm attempting to customize at this time.

1) I'd like to use a background image in my header ('I've already unregistered the header widget).

2) I'd like to center the links in my secondary menu.

3) I'd like to add boarders around the header and main content of the page.

Provided a bit more detail here:

https://www.dropbox.com/s/9v1bk1xy49eiyt2/2014-08-04_1658.png

Thanks for any help you can provide!

http://moutlook.encylia.com

[DTHkelly]

Some reference
#2: http://www.studiopress.community/topic/how-to-center-site-title-and-menu/#post-116555

#3: http://amethystwebsitedesign.com/decorative-borders-with-only-css-and-no-images/

[DTHkelly]

#3 - Take a look at News Pro, with a background color and boxed layout (instead of border).
http://my.studiopress.com/themes/news/#demo-full

[benny V]

News Pro is too far from the site I'm trying to build, design wise, but thanks for the assistance with centering the menu!

[benny V]

So, I added this to the style.css:

.site-header {
background-image: url('/wp-content/uploads/2014/08/headerimage.png');
background-repeat:no-repeat;
background-position:center;
}

Now the image is there, but it's stuffed up behind the top menu bar. I can't seem to find the CSS that's causing that to happen. Anyone have any ideas?

[DTHkelly]

Magazine Theme: How to center site title and menu items

[benny V]

In case anyone else encounters this thread and is looking to solve it, I used this in the style.css get borders around the primary content area:

.site-container {
        width: 70%;
        display: table;
        margin: 0 auto;
        -webkit-box-shadow: 3px 0 3px 3px #B8B8B8,
                            -3px 0 3px 3px #B8B8B8;
        box-shadow: 3px 0 3px 3px #B8B8B8,
                    -3px 0 3px 3px #B8B8B8;
}

[Author]

Posts