JamesCadby Posted November 14, 2019 Share Posted November 14, 2019 Hi guys, For some reason, I have a client who dislikes the scrollbar on the right of his site (attached image, it's the thin gray vertical bar to the right of the site) Is there a code to hide it? Thanks, James Link to comment
brigidc.campbell Posted April 2, 2020 Share Posted April 2, 2020 I am looking to do the same thing. Were you able to figure this out? Link to comment
tuanphan Posted April 3, 2020 Share Posted April 3, 2020 On 4/2/2020 at 12:40 PM, brigidc.campbell said: I am looking to do the same thing. Were you able to figure this out? Try adding to Page Settings > Advanced > Header body { overflow-y: hidden; } If the code doesn't work, can you share link to your site? 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
brigidc.campbell Posted April 15, 2020 Share Posted April 15, 2020 @tuanphan Thanks for the reply. When I add that code into my header in 7.1 (Settings > Advanced > Code Injection > Header) the code appears at the top left of every page. Is there a different section I should insert this code in 7.1? The site https://www.virginsuncare.com/ingredients with password: VIRGIN Link to comment
tuanphan Posted April 15, 2020 Share Posted April 15, 2020 1 hour ago, brigidc.campbell said: @tuanphan Thanks for the reply. When I add that code into my header in 7.1 (Settings > Advanced > Code Injection > Header) the code appears at the top left of every page. Is there a different section I should insert this code in 7.1? The site https://www.virginsuncare.com/ingredients with password: VIRGIN sorry, this code <style> body { overflow-y: hidden; } </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
brigidc.campbell Posted April 15, 2020 Share Posted April 15, 2020 2 minutes ago, tuanphan said: sorry, this code <style> body { overflow-y: hidden; } </style> @tuanphan This code disables the scroll on the site rather than just hides the scroll bar. Is there anyway to style the scroll bar instead? Link to comment
tuanphan Posted April 15, 2020 Share Posted April 15, 2020 9 minutes ago, brigidc.campbell said: @tuanphan This code disables the scroll on the site rather than just hides the scroll bar. Is there anyway to style the scroll bar instead? Ah okay, remove above, and use this <style> /* Hide scrollbar for Chrome, Safari and Opera */ body::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE and Edge */ body { -ms-overflow-style: none; } </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
brigidc.campbell Posted April 15, 2020 Share Posted April 15, 2020 @tuanphan Thank you so much! That code worked for the main scroll bar but what about the scroll bars inside of the images as shown in the link I provided? Any ideas? Link to comment
tuanphan Posted April 15, 2020 Share Posted April 15, 2020 6 hours ago, brigidc.campbell said: @tuanphan Thank you so much! That code worked for the main scroll bar but what about the scroll bars inside of the images as shown in the link I provided? Any ideas? replace body with * 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
brigidc.campbell Posted April 22, 2020 Share Posted April 22, 2020 @tuanphan it worked! Thank you so much! One last question on this page. I have been trying to get these images to line up on the bottom border for hours. They seem to be scaling at strange sizes. They are all separate image blocks and I am trying align the bottom in the same way the top is aligned. https://www.virginsuncare.com/ingredients Can you help me out with this? Link to comment
tuanphan Posted April 23, 2020 Share Posted April 23, 2020 12 hours ago, brigidc.campbell said: @tuanphan it worked! Thank you so much! One last question on this page. I have been trying to get these images to line up on the bottom border for hours. They seem to be scaling at strange sizes. They are all separate image blocks and I am trying align the bottom in the same way the top is aligned. https://www.virginsuncare.com/ingredients Can you help me out with this? I don't understand. Can you describe in detail? 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
brigidc.campbell Posted April 23, 2020 Share Posted April 23, 2020 @tuanphan I attached some screenshots for reference. I want the bottom edge of all of these boxes to be on one line. It is the closest in the third screen capture. When sizing the browser up or down, the 2nd and 4th columns start to extend way past the bottom line. Let me know if this makes sense. link: virginsuncare.com/ingredients Link to comment
tuanphan Posted April 23, 2020 Share Posted April 23, 2020 Haven't thought of anything in my mind right now. Trying to ask my friend. ☹️ 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
brigidc.campbell Posted May 6, 2020 Share Posted May 6, 2020 @tuanphan any luck on troubleshooting the bottom alignment? I've been poking around on the web and playing with the dimensions of the images themselves but not having much luck. Thanks in advance Link to comment
tuanphan Posted May 11, 2020 Share Posted May 11, 2020 On 5/7/2020 at 2:19 AM, brigidc.campbell said: @tuanphan any luck on troubleshooting the bottom alignment? I've been poking around on the web and playing with the dimensions of the images themselves but not having much luck. Thanks in advance Still no idea :( 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
Archived
This topic is now archived and is closed to further replies.