Custom Home Page

Hi, I would like to make a couple of changes to the homepage on the woodpecker theme.

In the space beneath the sliders I would like to have one single image with no padding. That would mean removing the Three Column Feature, Videobox & Bottom Featured Area. I am guessing I can use the Featured Punchline area to drop the code for my image and I would just need to know how to remove the padding so that the image is flush with the top, bottom and sides of this space. (I have attached a sample image).

The other question is can we space the bottom widget area as seen in the sample?

 

Hello,
Please provide URL of your website. This will help me a lot to help you.
Thanks & Regards
Pramod

 

Here is a link to the website http://amongfriendsbakingmixes.com/. I currently have the image html coded in the featured punchline heading with just spaces in the featured tagline description so that words do not show up. How can I remove all of the white space around my image?

The second part of the question is that we need three widget areas but the middle needs to be twice the size of the outside widget areas. see attached file in my first response.

 

Hello,
You have to follow 2 steps.
Step1:
Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.bottom-feature-textbox{
margin-bottom:0px;
}
.featured-tagline-wrapper {
margin-bottom: 0px;
}
.feature-tagline-container p
{
padding-bottom: 13px;
}
.feature-tagline-container h1 {
margin-bottom: 0px;
}

Step2:
Please Follow below image.

Thanks & Regards
Pramod

 

Thank you so much. One more question. I used the code

.feature-tagline-container h1 {
margin-bottom: 0px;
}
and even replaced margin-bottom with margin and I am still getting white space to either side of the image in that space? Please help. I would like the image to extend all the way to the sides without white space.

Here is a link to my site http://amongfriendsbakingmixes.com/

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.featured-tagline-wrapper.clear {
overflow: hidden;
}
.feature-tagline-container {
margin: 0;
}
.feature-tagline-container img {
margin-bottom: -3px;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thank you, we are getting clo se. The image is now off center? http://amongfriendsbakingmixes.com/

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.content-container {
display: block;
}
.feature-tagline-container img {
width: 100%;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thank you, worked like a charm!

One more question. Can I have the widgets in the footer area automatically centered?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.footer-column-first, .footer-column-second, .footer-column-third, .footer-column-last {
text-align: center;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thank you!