ismailelaaddioui Posted September 20, 2022 Share Posted September 20, 2022 Site URL: https://www.yasmineandomar.com/ Can some one tell me, im trying to move the ( RSVP ) button to the upper right, any help please. Link to comment
tuanphan Posted September 21, 2022 Share Posted September 21, 2022 Hi. I don't see button now. Did you remove it? You can also consider add a Link item to Last Nav item, then we will give the code to turn it to button style. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ismailelaaddioui Posted September 26, 2022 Author Share Posted September 26, 2022 (edited) 1- i added it back to the nav bar, i wanted it to be aliged with the logo in the top right with the same styling, thank you. 2- also i would like to costumize it on mobile so it matches the desktop, same posution in the photo but different colors. Thank you. On 9/21/2022 at 10:04 AM, tuanphan said: Hi. I don't see button now. Did you remove it? You can also consider add a Link item to Last Nav item, then we will give the code to turn it to button style. Edited September 26, 2022 by ismailelaaddioui Link to comment
tuanphan Posted September 28, 2022 Share Posted September 28, 2022 Add to Design > Custom CSS header#header [class*="-item--homepage"] a { border: 1px solid #edcd9b; padding: 10px 30px; display: inline-block; border-radius: 300px; } header#header [class*="-item--homepage"] a div { text-decoration: none !important; border: none !important; background-image: none !important; } nav.header-nav-list { align-items: center; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ismailelaaddioui Posted September 28, 2022 Author Share Posted September 28, 2022 5 hours ago, tuanphan said: Add to Design > Custom CSS header#header [class*="-item--homepage"] a { border: 1px solid #edcd9b; padding: 10px 30px; display: inline-block; border-radius: 300px; } header#header [class*="-item--homepage"] a div { text-decoration: none !important; border: none !important; background-image: none !important; } nav.header-nav-list { align-items: center; } Thank you, Now it looks like this with the underline, i wonder if we can remove it and have a hover effect where the colors changes also i would like to have the button alighned with logo, see the screenshot below: thank you. Link to comment
tuanphan Posted September 30, 2022 Share Posted September 30, 2022 On 9/28/2022 at 4:38 PM, ismailelaaddioui said: Thank you, Now it looks like this with the underline, i wonder if we can remove it and have a hover effect where the colors changes also i would like to have the button alighned with logo, see the screenshot below: thank you. Use this code a.theme-btn--primary.btn.sqs-button-element--primary { border-color: var(--menuOverlayNavigationLinkColor) !important; color: var(--menuOverlayNavigationLinkColor) !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment