Hey!

Thank you so much! So sorry to ask such beginner questions. I truly appreciate your help.

I used the button element. I would like a custom color on the background of the button – #013f45 and white text. So I tried this in Quick CSS but it didn’t work. Is this possible, or am I doing something wrong?

#top .main_color .avia-button.avia-color-theme-color, #top .main_color .avia-button.avia-color-theme-color:hover {
color: white;
}

.main_color .avia-color-theme-color {
background-color: #013f45;
}

And is there a way to change the font on the buttons to a google font?

I also tried the max buttons, but they were placed on top of the text every time I tried to put them below the text. Absolutely understand if you can’t respond to that questions, just wondering if you have heard of it before and know the answer.

Thank you so much,
Rubie

The logo gets smaller, but the header still the same size. So sorry to be so unclear, but what I was trying to achieve was that the header shrinks as well as the logo…

Thank you so much!

Rubie

That looks great!! Can’t thank you enough!

Is it possible to have it like it is right now, but to make the logo shrink slightly when scrolling down, but not as much as it did before? I completely understand if it’s too complicated, but that would make it perfect.

Best Regards,
Rubie

Thank you so much!! You are the best! The only problem now is that the there is so much space between the menu and the bottom of the header, is there a way to move the men text down?

Best,
Rubie

Hey again,

I tried but unfortunately it still looks the same… Please tell me if there’s anything else I can do.

Thank you so much,
Rubie

@Devin Can’t thank you enough! Really appreciate it.

Could you also help me with adjusting the header width?

Thank you so much!!
Rubie

@Devin Hi!

This is the code I wrote. I don’t see these modifications on the page. Not the logo, or the font or size of the menu.

Thank you!
Rubie

#top .logo img {
width: 156px;
height: 156px;
}

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 116px; }

#top .main_menu .menu li > a {

font-family: “Terminal Dosis”, sans-serif;

font-size: 24px; color: #999; text-transform: uppercase;

}

I changed the permissions to 755 and now the basic settings in Styling works, however the Quick CSS still doesn’t work. Need help a soon as possible.

Thank you so much!
Rubie