Search the Community
Showing results for tags 'overlap'.
Found 13 results
-
Site URL: https://www.weareteller.com I'm trying to have images overlap different sections like the attached image. Using negative margins I can get it to move outside the container, but don't know how to get it to overlap.
-
Site URL: https://www.or-never.com/ Hi there My image block on the home with overlay text is not displayed nice in mobile view. The text should be completely over the image or under. Now it is a mix, what does not look nice. I have no idea what css to use to fix this. Could anyone help me please? Thanks a lot*
-
Site URL: https://www.noduswatches.com/retrospect-feature Hi all! I'm trying to edit the mobile version of my website, URL above - as you can see, the image title overlaps with the image and for the life of me, I cannot figure out how to tweak the padding between the image and text. I think some custom CSS is needed here. Any and all help/advice is much appreciated! Thanks in advance! W -
Site URL: https://www.marcelkimble.com/ Hi, I used a css code to install a fixed header for my Wells template. Unfortunately the header overlaps my page when you use a mobile device to visit the page. My code: @media screen and (max-width:640px) { div#headerWrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; background: white; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 30px; height: 80px; display: inline-block; visibility: visible; } div#mobileNav { margin-top: 110px; } } @media screen and (max-width:640px) { #mobileNav { background: #a3a3a3; position: fixed; top: 5px; left: 0; right: 0; z-index: 999; } } Thanks in advance!
-
Hi everyone! I've been trying to add a block of color behind an image block using CSS (screenshot attached). The closest I could find was in this thread, and this was helpful, but I need help on 2 other things: If you compare my screenshot example to the example in the thread, I need help being able to move the block of color's position, so that its overlap edges only show on 2 sides (left & bottom, like in the screenshot) instead of 3 sides (like in the thread). I tried tinkering with the CSS using negative values for padding or margins, but it didn't work. I also tried adding a border to the block of color, but it puts a border around the whole area of the block, instead of just the part where the color's shaded in within the block. Could anyone help me? I'd really appreciate some CSS code that could be applied to any block as long as I use a specific block-ID (as opposed to CSS that applies to general image block types). For reference, the screenshot I've attached is from the header index of this site. Would really love some help on this! Let me know if you need any more clarifications or references. Thanks for reading! -
Site URL: https://www.legoutdelautre.com/formations-and-coaching/tag/Outils+collaboratifs Hello, I am using the Rally template and I need the tags from the blog to be displayed. I can’t find a way to adjust the padding on that page so the text ‘Posts tagged’ (see attached image) doesn’t overlap. Does anyone know if there is a way that the text ‘Posts tagged’ can be displayed above the thumbnail rather than on the top of it please? Thanks in advance
-
How to fix button overlap in responsive view?
ss_qstns posted a question in Coding and Customization
I have 6 buttons that are horizontal to each other on desktop view and eventually move to a horizontal view when moving to tablet or mobile. The issue I am having is the buttons are overlapping each other in some responsive views and it looks tacky. How can I make sure the buttons don't overlap when changing to a responsive view? In addition, the buttons are not evenly spaced. -
Hi, I was just wondering if anyone knows if it is possible to fix the footer to the bottom of the visible section of the page, for all pages. To clarify, I'm looking to have the footer behave just as the header does when you have it set to fixed position in the header style editor i.e. a fixed position on the page when scrolling. Hope this makes sense! Any help with this would be much appreciated. Many thanks John
-
Hello, New user to squarespace with little knowledge of custom css. I've happily finished designing my site and naively thought it would easily translate to mobile. I'm getting text overlap (I've used the poster image feature to create solid blocks of colour with text on top) and other text coming up in the wrong places. Is there anything I can do to keep the desktop design as I am very happy with it? If anyone can advise much appreciated. I am using sonora template.
-
Overlapping Text in navigation menu error
MarisaGarner replied to MarisaGarner's topic in Site Design and Styles
Hi, I still haven't got this resolved... In the primary navigation menu, when I click on the first drop down option, the text at the bottom of the list crowds over the other drop down menu headings. I have attached a pics for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!) Is it a limitation of the amount of links you can have in a menu? The website is: https://www.marisagarnerassociates.com/ Many thanks!! -
Hi - In the navigation menu, when I click on the first drop down, the text at the bottom of the list crowds over the other drop down items. I have attached a pic for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!)
-
ho to place two images corner on top of each other
RubenAlza posted a question in Coding and Customization
Good day! I have come across a page with it's images on top of each other and was wondering how to replicate this thank you in advance -
Hey guys, im using the template "york" and on my gallery page i want the caption to overlap on my gallery picture. Like on my Screenshot, but WITHOUT the white background box anround the text, just the text hovering over the picture. Is this possible? thanks!
