Formatting Issues

[marcie]

Hello!

I am having difficulty changing the header color and centering the table on this page:
http://beta.fastrac-usa.com/pricing/

Also, I’m having an issue with formatting in the “our services” section on the homepage. The box sizes do not display in a uniform manner on mobile. http://beta.fastrac-usa.com/

Can you help?

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.su-table.su-table-responsive table { width: 60% !important; margin: 0 auto !important;}
@media screen and (max-width:479px) {
.boxpattern-1 { width:100%;}
.su-table.su-table-responsive table { width:100% !important;}
}

Regards,
Chris

[marcie]

Thanks Chris!

That fixed the mobile formatting issue on the homepage.

I am still having difficulty with the table on the internal pricing page here: http://beta.fastrac-usa.com/pricing/

How can I center the table on the page and change the header row fill color to black?

Thanks!
Marcie

[Forum Moderator]

Hi,

Remove:

.su-table.su-table-responsive table { width: 60% !important; margin: 0 auto !important;}
@media screen and (max-width:479px) {
.boxpattern-1 { width:100%;}
.su-table.su-table-responsive table { width:100% !important;}
}

Add this new code there:

.su-table.su-table-responsive table { display:table !important;}
@media screen and (max-width:479px) {
.boxpattern-1 { width:100%;}
}

Regards,
Chris

[Author]

Posts