full width footer banner

Pinbin
1

Dear Movin
Searching all topics, found no solution.
I want my footer banner to be full width, how can I determine that?

many thanks

2

Hi @shavandi.ir,

I hope you are well today and thanks for posting here.

I visited your site and found you are using Pinbin theme so you should have created your topic in the Pinbin theme forum and not in the Sparkling theme forum. For this topic i have moved it to Pinbin theme forum.

I am not sure what you meant by footer banner so could you please tell me a bot more in detail by sharing the screenshot of it?

Kind Regards,
Movin

3

I’m so unlucky
for a moment I switched to pinbin theme
If you visit my website from now on, you could see it in sparkling theme, and my sample footer banner is there.

4

You can try making it full width by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS


#page > .cfa .container, #page > .cfa .container .col-sm-12 {
    width: 100%;
    padding: 0;
    max-width: 100%;
}
5

@Movin
It worked really fine. many thanks
How can I delete the gap between the footer widget area and footer banner area?
to make myself clear, I’ve highlighted that part in yellow.

6

You are most welcome here :slight_smile:

How can I delete the gap between the footer widget area and footer banner area?

Use the below CSS code to achieve this.

#content + .cfa {
    padding-bottom: 0;
    border: 0;
}
#content + .cfa p{
display: none;
}
7

HI Movin :slight_smile:
It worked fine.
so many thanks to the support.
one last question to close this topic;
how can I achieve the same for the header banner?

to make myself clear, I’ve highlighted that part in yellow.

again I thanks you for your effortless support.

8
how can I achieve the same for the header banner?

Use the below CSS code to achieve this.

#masthead + .cfa p {
    display: none;
}
#masthead + .cfa {
    padding: 0;
}
9

Thanks you dear @Movin
It worked like a charm
U R the Best supporter ever :slight_smile:

10

You are always welcome here :slight_smile: