megpow

Site URL: https://mushroom-turquoise-9rne.squarespace.com/mtuccis-italian https://mushroom-turquoise-9rne.squarespace.com/mtuccis-italian Password: siera I've been trying to figure out how to change the global site header gradient (which is a red color) to a cream color on a single page, but I only seem to be able to add the cream color to the red color. The code I used to add the cream color (in the header code injection) is below. (I also added code to change the font color/weight, as you can see) <style> #collection-622288e6faf996118ccf210b #header {background:linear-gradient(to bottom, #FFFDF1,#22000000) !important} #collection-622288e6faf996118ccf210b #header a {color: #FFFDF1 !important; font-weight: 450} <style> I've tried a number of things I could think of and that I found on Google and nothing has worked yet. That said, I'm a total noob. Thx in advance!

Hi @tuanphan, I'm also trying to use the code you provided to add an additional button to my header, but I'm not sure why it's not working. Any advice would be greatly appreciated! thank you!! https://mushroom-turquoise-9rne.squarespace.com Password: siera I added the below code in the header code injection: <style> header#header [href=“/order-online"] { color: #000; background-color: #fff; border-color: #fff; border-radius: 0.4rem; padding: 1.04rem 1.7368rem; } <style>

Site URL: https://mushroom-turquoise-9rne.squarespace.com/ Password: siera Hoping to get some help as I'm pretty new to coding... I needed to create two buttons in my header, so I followed someone else's advice and converted the last two of my navigation links into buttons. Now I need to move them to the right side of the page so they're not in line with the rest of the nav links on the left side of the page. Here is the code I use to convert the two nav links into buttons. Thank you in advance!! // 2 Navigation Buttons // .header-nav-item:nth-child(5) a, .header-nav-item:nth-child(6) a { background: #912812 !important; color: #FFFFFF !important; width: auto; border-radius: 10px; text-align: center !important; text-transform: uppercase; padding: 12px !important} // Navigation Padding // .header-nav-item a { padding: 3px !important; } // Active Navigation Line // .header-nav-item--active a { background-image: none !important; }