Mork_Walfe
Member-
Posts
10 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Mork_Walfe
-
Disabling site wide animations for footer only
Mork_Walfe replied to Mork_Walfe's topic in Customize with code
Yes I did @tuanphan, that code did not work so I thought might as well try something different. Clearly that did not work either. The other bit of code did work to fix the logo though. Thank you for that.- 4 replies
-
- footer
- custom-css
-
(and 2 more)
Tagged with:
-
Disabling site wide animations for footer only
Mork_Walfe replied to Mork_Walfe's topic in Customize with code
@tuanphan Sadly that did not work, but it did put an interesting box around the logo in the footer. Is there anything else you can think of to make it work?- 4 replies
-
- footer
- custom-css
-
(and 2 more)
Tagged with:
-
Hello all, I currently have my site using site-wide animations on as seen in the styles menu. I am trying to disable the animations in the footer only and I can't figure it out for the life of me. If anyone knows how to do this I would be greatly appreciative. URL: https://oriole-purple-tlln.squarespace.com/ PW: Batteryboys
- 4 replies
-
- footer
- custom-css
-
(and 2 more)
Tagged with:
-
Changing boarder radius for mobile only
Mork_Walfe replied to Mork_Walfe's topic in Customize with code
@tuanphan, Ideally all of the images would look like that when viewing in mobile. Currently, lots of the images that are curved and end up looking like this. I am trying to make this a rectangle with slightly curved corners when on mobile. Thank you for the reply.- 8 replies
-
- content
- custom-css
-
(and 3 more)
Tagged with:
-
Changing boarder radius for mobile only
Mork_Walfe replied to Mork_Walfe's topic in Customize with code
Hi tuanphan, I am trying to make all corners of the image and shape below the image have a radius of 20px when viewing on mobile. Currently on desktop the image is 400px x 400px x 10px x 10px. Is it possible to change the image corner radius based on the viewing device? Thanks!- 8 replies
-
- content
- custom-css
-
(and 3 more)
Tagged with:
-
Hello all, I have this page set up with very rounded corners which looks great on desktop, but looks weird on mobile. I am trying to make all of the corners of my images on certain pages have a uniform radius when on mobile. Does anyone know how I can accomplish this? Thank you in advance. URL: https://oriole-purple-tlln.squarespace.com/about-us PW: Batteryboys
- 8 replies
-
- content
- custom-css
-
(and 3 more)
Tagged with:
-
Thank you so much tuanphan! I appreciate you!
-
Here you go: https://oriole-purple-tlln.squarespace.com/ Password: Batteryboys So weird, I thought I already posted this.
-
Hi all, I am currently working on my trial site and am customizing the header. I wanted it to float off the page in a pill shape. Which I was able to achieve, but I had to use the command overflow: hidden. Which made the folder dropdowns disappear when overflowing. If I make the overflow visible the corners are no longer rounded. Does anyone know how to fix this? My code: // Header Style .header{ margin:10px; border-radius: 60px; overflow: hidden box-shadow: 6px 7px 15px #DCE1F4; } //header dropdown// /* Folder dropdown style */ .header-nav-folder-content { background: #ffffff !important; padding: 0!important; .header-nav-folder-item a { padding: .5em 1em!important; } .header-nav-folder-item a:hover { background: #7996D1!important; color: #ffffff!important; overflow: visible; } border-radius: 3.5px; border: 1px solid #003366; box-shadow: 5px 3px 10px rgba(0,0,0,0.25); } .header-nav-folder-content a { color: #003366 !important; padding-bottom:.5rem!important; hover { } }
-
Hi there Logan, your site looks great and I was trying to do a similar thing with mine. The one difference is that mine had drop-downs in the folders. The "overflow: hidden;" command seems to make the round ends possible, but also hides my drop-downs. Do you or anyone know how to get around this?