style

Hi,

Please add the below CSS to your SweetDate Child theme’s style.css and completely purge your website and local cache to see the changes

.register #main aside.four.columns {
    display: none;
}
.register #main .eight {
    width: 100%;
}

Thanks,

Kieran

Hi,

You can go to WP Admin > SweetDate > Tab: ‘Memberships’ > Option: ‘Allow registrations also from PMPRO checkout page.’ and toggle to off. This will show the SweetDate register / login buttons instead as per your example.

Kieran.

Hi,

For the modal please use the below CSS to override the background image and set background and border colors

.reveal-modal {
    background-image: none !important;
    background-color: #117864;
    border: solid 10px #1cd6b1;
}

Change the # values to suit your needs

For the deprecated search area please use the below CSS to remove the background image and set a background color

#search-bar {
    background-image: none !important;
    background-color: #721fc7;
}

As always make sure to clear all of your caches to see the changes.

Kieran.

Hi,

You can change the header link color (and all other header colors) by going to WP Admin > SweetDate > Styling Options > Header Section and setting your desired value for the field titled ‘Top Menu Link Color’.

Kieran

Hi,

You can add the below CSS to change the size of the search form. If you change the value from 70% width then update the two margin values with remaining percentage. For example 60% width 20% margin-left 20% margin-right.

.members form#search-members-form {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

Kieran

Absolutely, to override the CSS use the snippet below and adjust to suit your needs

.members #search-members-form #members_search_submit {
    background-color: #721fc7;
    color: #ffffff;
}

Kieran

Hi,

I am currently looking into this and will get back to you as soon as I have an answer.

Thanks,

Kieran

Hi,

Please use the below CSS snippet to convert to 4 from 3 members per row.

.members-dir-list .four, .row .four { width: 25%; } 
#members-list .four.columns:nth-child(3n+1) { clear: none !important; }
#members-list .four.columns:nth-child(4n+1) { clear: both !important; }

Thanks,

Kieran

Glad I could help, feel free to open a new ticket with any other questions and I will be happy to assist 🙂

Kieran