Woocommerce My Account Navigation CSS edit

Support
#1

Hi there , first time posting here but so far have had a good experence with the theme.

Im Attempting to increase the font / overall size of the buttons in the Woocommerce Navigation menu

So far ive tried a few things but they all seem to just increase the padding around the buttons on the top + bottom but not increase the text size.

Picture Below :

unfortunately the site is not yet live so id need to pass along a login for you to use to access the site if need be.

Thanks in advance

#2

Hello @Sam0883,

Thanks for asking. :slight_smile:

Can you please share website credentials in a secure note for us to give correct CSS? Please take a look at the screenshot. In that I have highlighted the buttons. May I request you to kindly confirm that the buttons in highlighted area you want to change the font size?

Thanks.

#3

OK added the login info.
Also on those pages in the My Account section how would i pad the bottom of the page so that the footer is not right under the sections in My Account.

thanks Alot!

#4

Hello @Sam0883,

Thanks for sharing login details. Please add following CSS under Pro > Launch > Theme Options > CSS to change font size:

.woocommerce-MyAccount-navigation-link a {font-size: 1rem;}

Can you please elaborate the second question?

Thanks.

#5

thanks alot!

Sorry i was not clear. Inside my My Account pages , the amount of txt inside the sections is quite small in alot of cases . this causes the footer to slide all the way up to the middle of the screen. Id like to have it stay at the bottom of the screen if the page is not long enough to push it to the bottom, but when it is on a full sized plage like the lander it would only show on when the user scrolled all the way to the end of the page.

ive also added a picture to try and show what i mean. thanks again!

#6

Hi,

To push your footer to the bottom, you can add this in Theme Options > CSS

body .x-container.max.width.offset {
       min-height: calc(100vh - 475px);
}

Hope that helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.