Return to previous page

Custom Footer - by rogerlayjw - on WordPress WooCommerce support

This topic has 11 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

rogerlayjw

Participant

November 19, 2016 at 14:46

Hi,
I have just create custom footer for my website.
1)How can i reduce spaces/padding in custom footer?
2) How can i reduce spaces / padding in the copyright footer and remove the payment logo?

Thanks

#146343 Copied

10 Answers

rogerlayjw

Participant

November 19, 2016 at 14:49

I added this printscreen for better understanding.
http://prnt.sc/d989be

#146344 Copied

Olga Barlow

Support staff

November 21, 2016 at 17:40

Hello,

To change the global footer and copyrights paddings go to Theme Options > Styling > Footer/Copyrights and change paddings http://prntscr.com/da1dfj

Regards

#146454 Copied

rogerlayjw

Participant

November 22, 2016 at 13:08

Thanks. I got that.

And how i add the banner like the one from this demo http://prntscr.com/dacxb9 ?

Regards

#146583 Copied
Olga Barlow

Support staff

November 22, 2016 at 17:14
Hello,

Go to Theme Options > General > Header Settings > Header custom HTML http://prntscr.com/dag5qv
```
<div class="row" style="text-align: center; text-transform: uppercase;">
<div class="col-md-6" style="border-left: 1px solid #e6e6e6; padding: 4px 20px;">
<p style="color: black; font-size: 13px; margin-bottom: 0px;"><strong><i class="fa fa-phone" style="font-size: 16px; color: #f1ac2b;"></i>   +56 (46) 39 234 53</strong></p>
<span style="font-size: 12px;">Call Us Mon- Sat 8:30 am - 6:00 pm</span>

</div>
<div class="col-md-6" style="border-left: 1px solid #e6e6e6; padding: 4px 20px;">
<p style="color: black; font-size: 12px; margin-bottom: 0px;"><strong><i class="fa fa-envelope" style="font-size: 16px; color: #f1ac2b;"></i>   CONTACT@XSTORE.COM</strong></p>
<span style="font-size: 12px;">Xstore Online support 24h/7</span>

</div>
</div>
```
Regards
#146615 Copied
rogerlayjw

Participant

November 22, 2016 at 17:37

Thanks. I’m able to add the banner on the header.

How can i adjust the height of the header http://prnt.sc/daggah ?

Regards and thanks.

#146622 Copied

Olga Barlow

Support staff

November 22, 2016 at 17:51

Hello,

We don’t have option to change the height of the header. I can send you the code to add custom paddings but tell me where do you want to add more space?

Regards

#146631 Copied

rogerlayjw

Participant

November 27, 2016 at 07:41

Hello,
Can you help me to do some adjustment for the header like this http://prnt.sc/dca9sk

Appreciate that.

Thanks.

#147088 Copied
Olga Barlow

Support staff

November 28, 2016 at 16:00
Hello,

See http://prntscr.com/dcsutu
1) To change the top bar paddings
.top-bar {padding: 1em 0;}

2) To change the paddings for the area with logo
```
@media only screen and (min-width: 992px){
.header-wrapper.header-standard header .container-wrapper {
    padding-top: 3em;
    padding-bottom: 3em;
}}
```
3) To change the menu paddings
.navigation-wrapper .menu-inner {padding: .8em 0;}
4) To remove lines you need to go to Theme Options > General > Header Settings > Header HTML and remove borders from the custom code you have there.

Regards
#147195 Copied
rogerlayjw

Participant

November 29, 2016 at 15:36

Hello,
I had inserted codes to css but all of them increased the padding. I actually wanted to reduce the padding for 1,2,3 issues above. Sorry for the misunderstood from the picture. How can i do that? Thanks.

Regards.

#147315 Copied

Olga Barlow

Support staff

November 30, 2016 at 14:15

Hello,

1) To reduce the top bar height you may use the following code
.top-bar {line-height: 1.86rem;}
.topbar-widget.etheme_widget_socials .et-follow-buttons a {height: 1.86rem;}
2) change the paddings http://prntscr.com/ddm1qq
3) .navigation-wrapper .menu-inner {line-height: 1em;}
and also you may reduce the paddings http://prntscr.com/ddm3dj

Regards

#147457 Copied
Viewing 11 results - 1 through 11 (of 11 total)