Return to previous page

Button - by ejder077 - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

ejder077

Participant

May 25, 2019 at 16:13

Hi,

May I ask how can I set the button as full width, in the middle and “sink” to the bottom?

https://ibb.co/9wZrbWW
Link: newerachineseclub.com

#214389 Copied Theme version: Child 5.2

5 Answers
Rose Tyler

Support staff

May 25, 2019 at 16:41
Hello,

Add a custom class for row or column that contains this button, then add css code in Custom CSS for page.
For example http://prntscr.com/nt84k4 http://prntscr.com/nt858c > http://prntscr.com/nt85ax

To remove padding from the bottom of page http://prntscr.com/nt868r add this code in Custom CSS for page area:
```
.content-page {
    padding-bottom: 0px;
}
```
Your prefooter is empty http://prntscr.com/nt86en because a static block is unselected there, so delete the widget http://prntscr.com/nt86nt

Regards
#214390 Copied
ejder077

Participant

May 26, 2019 at 05:22

Hello,

I followed your instructions but there is still space on the right side, left side and under the button, did I miss something?

https://ibb.co/R3hx8qt

Thank you

#214393 Copied
Rose Tyler

Support staff

May 26, 2019 at 08:14
Hello,

For now, the button has the full width of container http://prntscr.com/ntfo07 , to make it full screen, change Row stretch – http://prntscr.com/ntfodo
Also, change the previous code http://prntscr.com/ntfpao to
```
.custom-width-button .mpc-button {
    width: 100%;
    display: block;
}
```
http://prntscr.com/ntfpgy

Regards
#214397 Copied
ejder077

Participant

May 26, 2019 at 08:53

I can do it now, thank you

#214399 Copied

Rose Tyler

Support staff

May 26, 2019 at 09:01

You’re welcome!
Have a nice day.

Regards

#214401 Copied
Viewing 6 results - 1 through 6 (of 6 total)