[Daniel]

Hello there.

I am trying to mimic the site -> http://kithandkinlaw.com/
Our website is -> http://venuinglawyer.wpengine.com/

It is set up in the same exact theme so these changes shouldn’t be too difficult.

1. How do I get the logo centered with the social media icons in the bottom right hand corner?

2. How do I eliminate the white space on the top and bottom of the page? I need the page to snap to the top and bottom.

3. How do I set the footer up like they did in the website?

4. How do I get the page banners to be full width? Right now, they are the correct size but are automatically being cropped when uploaded.

5. How do I change the overall font size of the site to be larger?

Thank you.

[Daniel]

Also, how do I add the little black and grey stripes on the top and bottom of each page?

[Sakin]

@Daniel: If you want to make like that, then you need to add the following css in “Appearance => Theme Options => Custom CSS” box.

/* Change the width of the site */
@media screen and (min-width: 1061px) {
    .site { width: 900px; }
    #site-logo { padding-top: 30px; }
    #hgroup-wrap  { padding-bottom: 30px; }
}
/* To remove the white space above and below the site */
.site { margin: 0 auto; }
/* To center Logo */
#header-left { text-align: center; width: 100%; }
#site-logo { float: none; }
#hgroup-wrap img { display: inline-block; }

Then let me know other things. Let’s first add this css. Also why do you want to clone it.

[Daniel]

I added the CSS.

There are still outstanding questions that I asked, please assist.

I want to close it because I like the way it is set up. I will be switching out all of the information and pictures.

[Sakin]

@Daniel: It will be great, if you could add in missing questions.

1. How do I get the logo centered with the social media icons in the bottom right hand corner?
— This, I already gave you instruction for log center and for social media icon in bottom right hand. Go to “Appearance => Widgets” and add Social Widget to Header Right Sidebar. Then add the following css in “Appearance => Theme Options => Custom CSS” box.

#header-right {
    float: right;
    margin-right: -11px;
    margin-top: -20px;
    padding: 0;
}
#hgroup-wrap {
    padding-bottom: 10px;
}

2. How do I eliminate the white space on the top and bottom of the page? I need the page to snap to the top and bottom.
— I already gave you earlier and you have already fixed it.

3. How do I set the footer up like they did in the website?
— Footer, I see that you have changed a lot. Please first reset your footer. Then add Contact us text in “Footer Area One”, Ashley Waye in “Footer Area Two” and Social Widget in “Footer Area three”

4. How do I get the page banners to be full width? Right now, they are the correct size but are automatically being cropped when uploaded.
— This is already fixed.

5. How do I change the overall font size of the site to be larger?
— We don;t recommend to change the font size as it is set as per the screensize using responsive design.

[Author]

Posts