Reducing font/form size on Participants Database plugin (Magnus Theme)

Hello there,

Add the following custom CSS to customize-> Additional CSS

.participants-database-shortcode .site-main h1 {
    font-size: 40px;
}
.participants-database-shortcode p {
    font-size: 20px;
}
.participants-database-shortcode .content-area {
    font-size: 20px;
}

Hope it helps and let me know if you require any further assistance.

Thanks for such a quick response Poonam. This has helped reduced the font size but it’s still hard to view all the ‘checkbox’ options when on vertical mobile. Any advice on how to ensure the whole form fits within the mobile screen?

Cheers

Hello there,

This whole built using <table> that’s why it is not responsive. I can give a quick fix to make the whole form viewable in mobile devices by using this CSS code.

Add the following custom CSS to customize-> Additional CSS

.wrap.pdb-signup.pdb-instance-2 {
    max-width: 100%;
    overflow: scroll;
} 

This code will make the screen scrollable.

Hope it helps and let me know if you require any further assistance.

Thanks again! Really helpful and exactly what I needed.

Sorry, but two final questions (hopefully very straight forward) relating to this page:
https://theshoestylist.co.uk

1. How can I make the ‘Get Styled’ and ‘Daily Style Tips’ images the full width of the screen, same as the header image. They are 2500 x so should be wide enough.

2. How do I remove the gap where the head fills so that ‘Get Styled’ sits snugly up against the header image?

Thanks again, this is my first time building so really appreciate your help!

Hello

Add the following custom CSS to customize-> Additional CSS

.home .entry-content {
    margin: 0px;
}
.home .content-area {
    padding: 0px;
}
.home .site-header-image {
    margin-bottom: 0px;
}

Let us know if you need help with anything else!

Hi Poonam – hope you’re well?

Just wondering if it’s possible to change the settings so that when you click the header image it takes you back to the home page?

Thanks in advance!