"Button Size on Mobile" (#2644696) / ThemeNectar

Comments

4
Marshall started the conversation
December 29, 2020 at 10:34pm
I am trying to adjust the size of my mobile body buttons. I cannot get the CSS to work. Here is the current CSS for laptop screens:
/* Buttons */

.nectar-button span
.nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover {
border-color: #29348e !important;
background-color:rgba(124, 124, 127, 0.2) !important;
color: #29348e !important;
}

.nectar-button {
color: #000!important;
border-color: #000 !important;
background-color: rgba(124, 124, 127, 0) !important;
font-size: 16px!important;
padding-top: 13px!important;
padding-bottom: 13px!important;
padding-right: 13px !important;
padding-left: 13px !important;
font-weight: 500 !important;
margin-top: 30px !important;

}

.housing-button {
margin-top: 0!important;
}

8,849

Tahir replied

December 30, 2020 at 6:31am

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media only screen and (max-width: 690px) {
    a.nectar-button.large.see-through-2 {
        color: #000!important;
        border-color: #000 !important;
        background-color: rgba(124, 124, 127, 0) !important;
        font-size: 16px!important;
        padding-top: 13px!important;
        padding-bottom: 13px!important;
        padding-right: 13px !important;
        padding-left: 13px !important;
        font-weight: 500 !important;
        margin-top: 30px !important;
    }
}

Thanks

ThemeNectar Support Team

4
Marshall replied
December 30, 2020 at 1:23pm
Thank you. Not sure why the similar or same code I used didn't work. May have been where I placed it in the CSS code. This worked. Much appreciated and your support is ALWAYS excellent. Thank you.
1 Like