Formatting Issues

Home Forums All Other Themes Formatting Issues

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #98621
    marciemarcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    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?

    #98678
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    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

    #98749
    marciemarcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    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

    #98776
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.