thefakedaniel
Member-
Posts
20 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by thefakedaniel
-
Perfect, thank you!
- 2 replies
-
- sizes
- gallery-block
-
(and 2 more)
Tagged with:
-
How to center button in slideshow?
thefakedaniel replied to thefakedaniel's topic in Customize with code
Yep, this is it, thank you! -
Site URL: https://bonjrmusic.com Hello, How can I avoid the white bar that appears while I resize the window? https://i.gyazo.com/c601d704708a402d0ce68d9d5bd70269.mp4 Appreciate any help I can get with this!
- 2 replies
-
- sizes
- gallery-block
-
(and 2 more)
Tagged with:
-
How to center button in slideshow?
thefakedaniel replied to thefakedaniel's topic in Customize with code
Ah, perfect it worked! And how about the actual boxes, how could I center those? Example: -
How to center button in slideshow?
thefakedaniel replied to thefakedaniel's topic in Customize with code
Hi, thanks for replying. This doesn't seem to have worked, and also I am referring to the whole box, not just the text. I have already been able to center the text myself ;o -
Site URL: https://bonjrmusic.com/store-select Hi, I have a new issue that I've never had before where the CSS is working on the live website but not on the "custom css" page when I'm configuring the website. Custom CSS Page: Live: How should I go about solving this issue? Appreciate any help I can get! Thanks, Daniel
-
How to prevent button overlap when resizing window?
thefakedaniel replied to thefakedaniel's topic in Customize with code
Thanks, I just tried it out and here is the behavior I am seeing: https://i.gyazo.com/7f5ac9282d56d4ccbeb819d125f65d13.mp4 Still a bit of overlap before it snaps into the column, not sure if that's what you intended. -
Site URL: https://bonjrmusic.com/faq Hi, How do I center the button element ("license" & "stream" buttons) here using css? Also, how can I ensure that each slide's box (the outer transparent box that contains title, description, button) is always centered? i.e. the left image the box is almost centered and the right image the box is more to the top For context, I believe this is a slideshow section I would also like to vertically center the slideshow navigation buttons that were previously placed at the bottom in the images above & space them apart so that they're attached to the edge of the screen. In the desktop version it's the offset parameter so I was already able to achieve this, however I have not been able to find the equivalent setting for mobile. Attaching a screenshot below of what I have been able to achieve so far, which is not much considering the buttons are not centered with the background and the spacing is not correct. And if possible, I'd like to also change the navigation button radius. I was successful in doing this on the desktop version of the page. Thanks in advance! Daniel
-
Site URL: https://bonjrmusic.com/music Hello, I have 4 buttons in a single row on the website page linked. However, when I resize the window, some of the buttons end up overlapping. How does one prevent this behavior? I'm also noticing the header links ('home', 'music', 'videos', etc.) become two rows as the window size gets smaller. Looking around at other websites, it seems that they maintain a single row and adjust according to the window size by either having the links remain fixed (which i'm actually seeing with the squarespace forum header), scaling down (youtube) or trimming the content (soundcloud). Does anyone know the code for each of these three different approaches so I could test it out? Appreciate any help I can get! Thanks, Daniel
-
Perfect, it's working great. I just marked your post as the solution. Do you have any suggestions on how to move content from one page to another without having to remake it? i.e. if I wanted to move the carousel I have on the 'home' page somewhere else, what would be the easiest way to do so? But other than this question, thanks for helping me out with everything!
-
Awesome, it worked. Although I think the text isn't exactly centered: This and I'm currently looking at the code to see where I can change the font size, hopefully I can find it. Update: I found where I can change the font size. And also added some padding to move the text more to the center... not sure why it wasn't centered for me in the first place. padding-left:70px;
-
How to target specific section style only?
thefakedaniel replied to thefakedaniel's topic in Customize with code
This is awesome, thank you! I have another active post if you'd like to try help me out with that as well: -
Site URL: https://bonjrmusic.com/ Hi, I have a page with alternating video section styles. They alternate almost randomly so I can't target every 2n+1 or something like that. How can I target only sections that have the video on the left side? Basically I will be adding sections as time goes on, and to correctly display everything on mobile I need to use the following code: /* Home Page Order Fix */ #collection-5ff20abda6a0ae63d611180e #page .page-section:nth-last-of-type(9), section:nth-last-of-type(5), section:last-of-type { .row { display: flex; flex-direction: column-reverse; } } However, I could avoid having to always add a new section to this code if I could target left side video sections only. Appreciate any help I can get! Thanks, Daniel