Help with CSS

Support
#1

Hi X Team I’m working on getting a make appointment button a different color then the rest of the nav items on the following page:

So far its working the way I would like it on the desktop resolution, but when I look it over on mobile only a portion of the box is colored green.

The CSS class for the button is: .special_btn

Any help on getting the whole box green would be helpful.

Thanks a lot!

John

#2

Hello John,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .special_btn {
    background-color: #416e53;
}

}

Here are some related links for further reading:

Hope this helps.

#3

Ok so this is want I put in to the CSS section in the theme options but on my end it still looks like its not going throught:

@media only screen and (max-width: 600px) {
.special_btn {
background-color:#007151 !important;
text-transform: uppercase;
}
}

Can you check it out on your end and see if it looks like its working:

Thanks for the extra help!

John

#4

I got it, its working. Plz disregard above post.

Thx for the help X team!

#5

Glad it’s working now, Cheers!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.