alisonb1570048706
-
Posts
8 -
Joined
-
Last visited
-
@tuanphan Hey! long time no Squarespace. Was wondering if you were ever able to find a solution to this. If not, no worries. Thanks!
-
@tuanphan Disabled :)
-
StudioKSR reacted to a post in a topic:
Bedford template family - text and button on slideshow banner
-
@tuanphan sorry about that! I thought it would work having two different passwords for the main site and an individual page, but I guess not. Password has been updated.
-
I was able to customize the banner text/header and button for the regular banners at the top of each page and index section. However, I have not been able to figure out how to edit the exact same elements on a slideshow banner. Here's a test page I created to demonstrate this:https://hyperboloid-guava-pw2m.squarespace.com/slideshow-testPassword: bristol As you can see, I was able to get header-style text and buttons overlaid on the slideshow images. The font, font color, and button customizations reflect what I have chosen on Squarespace's style options. However, I can't get the outline/shadow and button position that I was able to achieve on the index page (screenshot attached) using CSS. It seems that the banner text and buttons for the slideshow banner are not affected by .desc-wrapper or .desc-wrapper p:last-child (or .desc-wrapper p:last-child>a). Any suggestions?
- 7 replies
-
- 1
-
-
- banner
- bedford-template
- (and 2 more)
-
@tuanphan thank you! this is perfect.
-
I was able to modify this code (taken from this original Answers post: https://answers.squarespace.com/questions/203098/change-banner-text-positioning-on-bryant.html) to have the button be aligned on the bottom right. It unfortunately also made the banner text be right-aligned as well, but this should do for now until I can figure out how to align the text separately from the button. Hopefully, they'll decide that centering the text isn't as necessary as their preferred button positioning. .view-list main #content div.index-section:nth-child(1) .banner-thumbnail-wrapper { min-height: 0; padding: 325px 0 0 0; } .view-list main #content div.index-section:nth-child(1) .banner-thumbnail-wrapper .desc-wrapper { padding: 0 0; text-align: right; margin: 0 40px; max-width: 90%; }
-
@tuanphan Thank you - this does align it to the right within the confines of this particular "wrapper" (for lack of a better term). How would I adjust the code/characteristics so that the padding between the button and the right and bottom edges of the banner image is almost zero? That way it's sitting as close to the bottom-right edge of the banner image as possible. Thanks!
-
Hi, The client I'm building the site for inexplicably wants the call to action button on the main/index page's banner to be not as noticeable. They would like it as close to the lower right corner of the banner image as possible. I can't figure out how to position the button without also affecting the banner text (page description), which they want to remain centered, and the responsiveness of the banner image poses a problem as well. I tried customizing the .desc-wrapper element in CSS but haven't been able to make it look how they want.Here's the site:https://hyperboloid-guava-pw2m.squarespace.com Thank you!
