Guest Posted July 27, 2019 Share Posted July 27, 2019 (edited) Hi -- on my home page www.jaapw.com I'm trying to: 1. align the text of title, tagline and navigation with the image block below it (left + right side); 2. increase padding above the site title; and 3. reduce padding between site title and tag line. If anyone has CSS code for these, would love to use it, thanks a lot. Edited July 27, 2019 by JWny2019 Link to comment
tuanphan Posted July 27, 2019 Share Posted July 27, 2019 @JWny2019 Question 1. Align left or right or..? Question 2. a.Header-branding { padding-top: 20px !important; } Question 3. .Header-inner--top { padding-bottom: 15px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted July 27, 2019 Share Posted July 27, 2019 Thanks a lot @tuanphan. Got the title and tag line padding to work with your code. As for alignment on HOME https://www.jaapw.com/: - looking to align title and tag line left with left end of image block - navigation to align right with right end of image of image block - padding between images in image block should stay same Same as on https://www.jaapw.com/work but somehow cant get it to work on HOME. Thanks again for your awesome help. Link to comment
Solution tuanphan Posted July 27, 2019 Solution Share Posted July 27, 2019 @JWny2019 .Header-inner { padding-left: 10px; padding-right: 10px; } Do you want to disable click when hovering over an image? Or change the mouse pointer icon when hovering over the image? Click Accept Answer if it worked. Other members can use it! Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted July 28, 2019 Share Posted July 28, 2019 @tuanphan many thanks for your help! Link to comment
Guest Posted July 28, 2019 Share Posted July 28, 2019 "Do you want to disable click when hovering over an image? Or change the mouse pointer icon when hovering over the image?" -- thanks, I'm actually not looking to change this. On the home page all I'm trying to do is increase padding on the left and right outside of the image block, in order to have the block shrink a bit and align with the title/tagline on the left and navigation on the right. I'd like to the margins between the images inside the image block stay the same (3px). Link to comment
tuanphan Posted July 28, 2019 Share Posted July 28, 2019 @JWny2019 body#collection-5d34a0842c08a5000178cea9 .Main-content { padding: 70px 50px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted July 29, 2019 Share Posted July 29, 2019 Hi @tuanphan -- is there a way to make the www.jaapw.com home page padding you shared show only on desktop, not mobile? The alignment on mobile is a bit off now. Also -- and I know I've been asking you for A LOT -- if you have a way to make the navigation hamburger on mobile align top right (at the same level as the mobile page tile, that would be awesome. Thank you very much for your help. You're amazing! Link to comment
tuanphan Posted July 29, 2019 Share Posted July 29, 2019 @JWny2019 Question 1. Wrap my code in this code @media screen and (min-width:641px) { PASTE THE CODE I SENT } Question 2 @media screen and (max-width:640px) { button.Mobile-bar-menu { margin-top: -20px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
vcampaner Posted April 9, 2021 Share Posted April 9, 2021 Hi, I am trying to have the my header space lateral margin be different than the general site margins. or my Index page side margins independent. I am trying to make the lateral padding larger for my index page, but at the same time I don't want my header links to go on two lines, I want them to always stay in one line. I have been looking for code injections. so far all I found don't work. can anyone help? https://pear-papaya-hg5t.squarespace.com/selected-work pass: leonardo Link to comment
tuanphan Posted April 10, 2021 Share Posted April 10, 2021 On 4/9/2021 at 4:26 PM, vcampaner said: Hi, I am trying to have the my header space lateral margin be different than the general site margins. or my Index page side margins independent. I am trying to make the lateral padding larger for my index page, but at the same time I don't want my header links to go on two lines, I want them to always stay in one line. I have been looking for code injections. so far all I found don't work. can anyone help? https://pear-papaya-hg5t.squarespace.com/selected-work pass: leonardo Add to Design > Custom CSS div#gridThumbs { padding-left: 5vw; padding-right: 5vw; } vcampaner 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
vcampaner Posted April 10, 2021 Share Posted April 10, 2021 6 minutes ago, tuanphan said: Add to Design > Custom CSS div#gridThumbs { padding-left: 5vw; padding-right: 5vw; } Thank you 🙂 Link to comment
AMBERSIS Posted January 19, 2022 Share Posted January 19, 2022 Hi! I am trying to align my navigational headers with my title and get them all on one line. Link to comment
tuanphan Posted January 20, 2022 Share Posted January 20, 2022 On 1/20/2022 at 4:38 AM, AMBERSIS said: Hi! I am trying to align my navigational headers with my title and get them all on one line. What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dianevaq Posted November 12, 2022 Share Posted November 12, 2022 (edited) Hi, I am having a related issue. How can I fix the alignment of my Site Title with my main Navigation links? They are both set to the same font style and font size. But they do not align evenly. It seems my Site Title has it's own padding that I'd like to remove. https://www.dianevaquerano.com/ pass: DIANE112022 Edited November 12, 2022 by dianevaq Link to comment
tuanphan Posted November 12, 2022 Share Posted November 12, 2022 7 hours ago, dianevaq said: Hi, I am having a related issue. How can I fix the alignment of my Site Title with my main Navigation links? They are both set to the same font style and font size. But they do not align evenly. It seems my Site Title has it's own padding that I'd like to remove. https://www.dianevaquerano.com/ pass: DIANE112022 Can you describe in more detail? It looks fine to me Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dianevaq Posted November 13, 2022 Share Posted November 13, 2022 On 11/12/2022 at 3:49 AM, tuanphan said: Can you describe in more detail? It looks fine to me This is what I see on my end, please see attached. "DIANE" is the site title and it's not aligned with "Drawings, Info" which is the Navigation links. They are the same font and font size. I'm not sure how to fix this? Is there a pre-set padding on a Site Title that I need to remove? Link to comment
tuanphan Posted November 14, 2022 Share Posted November 14, 2022 10 hours ago, dianevaq said: This is what I see on my end, please see attached. "DIANE" is the site title and it's not aligned with "Drawings, Info" which is the Navigation links. They are the same font and font size. I'm not sure how to fix this? Is there a pre-set padding on a Site Title that I need to remove? I see you used custom font, try remove font & check again Remove this code from CSS box .header-title *, .header-title-text * { font-family: 'Dahlia'; font-size: 110px; letter-spacing: 0px; padding-top: 0px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dianevaq Posted November 16, 2022 Share Posted November 16, 2022 On 11/14/2022 at 3:34 AM, tuanphan said: I see you used custom font, try remove font & check again Remove this code from CSS box .header-title *, .header-title-text * { font-family: 'Dahlia'; font-size: 110px; letter-spacing: 0px; padding-top: 0px !important; } Okay, but I would like to use a custom font. I would like the Site Title and Navigation links to be in the Dahlia font I put in. And for all the text to be aligned top. That doesn't work with custom fonts? I removed and re-added code. It still doesn't align. Currently the header title code is removed and now it's at the default font. Link to comment
tuanphan Posted November 20, 2022 Share Posted November 20, 2022 On 11/16/2022 at 9:19 AM, dianevaq said: Okay, but I would like to use a custom font. I would like the Site Title and Navigation links to be in the Dahlia font I put in. And for all the text to be aligned top. That doesn't work with custom fonts? I removed and re-added code. It still doesn't align. Currently the header title code is removed and now it's at the default font. Just want to check to see if removing font will fix problem or not. You can restore the custom font, then we can try some margin padding code to align them Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
dianevaq Posted November 23, 2022 Share Posted November 23, 2022 On 11/19/2022 at 9:40 PM, tuanphan said: Just want to check to see if removing font will fix problem or not. You can restore the custom font, then we can try some margin padding code to align them Ah thank you. I figured it out! 🙂 I had to remove the css code-font size I inputed for both Site Title & Navigation. So it would revert back to the website's template default font sizes. Then went into Site Styles>Assign Styles> Site Title or Site Navigation and set them both to the same font size desired there. Link to comment
akovach Posted December 20, 2022 Share Posted December 20, 2022 hi I am trying to push my site title to the right (to increase margin on left side), but I can't figure out how too. I've tried the padding css thing but it only works on the other side. thanks!! @tuanphan Link to comment
tuanphan Posted December 22, 2022 Share Posted December 22, 2022 On 12/21/2022 at 2:27 AM, akovach said: hi I am trying to push my site title to the right (to increase margin on left side), but I can't figure out how too. I've tried the padding css thing but it only works on the other side. thanks!! @tuanphan Hi, What is your site url? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ashsmith Posted March 1 Share Posted March 1 Hi @tuanphan! My site is www.ash-smith.com. I am trying to create more space between my tagline and navigation, but leave the space between the logo and tagline the same. Do you know any code for this? Xoxo 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