SproutDesignStudio Posted April 27, 2022 Share Posted April 27, 2022 Looking for code to adjust the element spacing for the page links only in 7.1 I want to maintain the close spacing of the Social Media links. Thank you! Link to comment
noahawaii Posted April 28, 2022 Share Posted April 28, 2022 whatʻs your site url? SproutDesignStudio 1 Link to comment
SproutDesignStudio Posted April 28, 2022 Author Share Posted April 28, 2022 sproutdesignstudio.com Link to comment
SproutDesignStudio Posted April 28, 2022 Author Share Posted April 28, 2022 The site above is my website but I have run into this issue on multiple sites that I manage. I would like for the social media links to be closer together and the page links to be further apart. Link to comment
noahawaii Posted April 28, 2022 Share Posted April 28, 2022 Mess around with these numbers as you see fit. Place this in your CSS .header-layout-nav-center .header-nav .header-nav-item { margin-left: 2vw !important; margin-right: 2vw !important; } Link to comment
SproutDesignStudio Posted April 29, 2022 Author Share Posted April 29, 2022 That did it! You're a rockstar @noahawaii! Link to comment
jayrdann Posted July 21, 2022 Share Posted July 21, 2022 (edited) @noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1 I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements. Thanks! Edited July 21, 2022 by jayrdann Added a new problem Link to comment
tuanphan Posted July 21, 2022 Share Posted July 21, 2022 3 hours ago, jayrdann said: @noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1 I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements. Thanks! What is site url? We can check easier 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
jayrdann Posted July 22, 2022 Share Posted July 22, 2022 15 hours ago, tuanphan said: What is site url? We can check easier It's still a draft under a free trial, so can't share URL. What do you need to check? Link to comment
tuanphan Posted July 22, 2022 Share Posted July 22, 2022 10 hours ago, jayrdann said: It's still a draft under a free trial, so can't share URL. What do you need to check? You need to code to achieve this. Need site url to check code. You can setup an access password & share url 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
jayrdann Posted July 22, 2022 Share Posted July 22, 2022 9 hours ago, tuanphan said: You need to code to achieve this. Need site url to check code. You can setup an access password & share url Sorry I figured out you don't need to upgrade free trial Link: hexahedron-bat-9g3d.squarespace.com Password: Fatu Link to comment
tuanphan Posted July 23, 2022 Share Posted July 23, 2022 On 7/21/2022 at 11:59 AM, jayrdann said: @noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1 I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements. Thanks! #1. You want to achieve top or second screenshot? #2. Add this code to Design > Custom CSS. It will make last item bold div.header-nav-item:last-child>a { font-weight: bold; } 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
jayrdann Posted July 23, 2022 Share Posted July 23, 2022 21 hours ago, tuanphan said: #1. You want to achieve top or second screenshot? #2. Add this code to Design > Custom CSS. It will make last item bold div.header-nav-item:last-child>a { font-weight: bold; } Brilliant! That worked - thank you! The second screenshot - with more spacing - is what I'm after 🙂 Link to comment
tuanphan Posted July 26, 2022 Share Posted July 26, 2022 On 7/23/2022 at 3:30 AM, jayrdann said: Sorry I figured out you don't need to upgrade free trial Link: hexahedron-bat-9g3d.squarespace.com Password: Fatu The url doesn't exist. Can you check it again? 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