Search the Community
Showing results for tags 'custom-css'.
Found 130 results
-
What's the code to add a gradient background in the mobile nav menu?
-
Hi, I'm currently reworking my portfolio in the Flatiron template and am looking for my home page design to look like the included screenshot. Is there a way to adjust the gallery grid padding and include short image captions with CSS? Any help is much appreciated! -Loren
-
Can anybody help me to change the font of my site title (header section) to a custom font? I'm using the Rally template (Brine family) and am struggling to find any CSS that works... Thanks so much!
-
How do I remove the banner image on a page in mobile and/or tablet view using the Mojave template? https://www.jarnanaturbruksgymnasium.se/ Thanks for your help. Kind regards, Ronald
-
hello, is there a basic CSS code for stacking the information on the "event item" page? I do not want stacked view on the Event List page. Thank you so much!
-
Does anyone know how, and if you can add a hero banner to a Brine Template header?
-
Change size of specific image when viewing on mobile
doshea posted a question in Coding and Customization
Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan. -
What's the code to adjust the header size without moving nav links and logo? I want to keep them at the top while doing something else to the rest.
-
Does anybody know how to do a header like the one on this website? https://timtigner.com/
-
Anyone know how to add social icons to the mobile menu?
-
It seems simple enough. The Design that I am trying to implement for the website that I am making consists of thin color strips that have buttons, images and text inside them. When I make an index page Using a banner does not work because you cannot put blocks in them. When I try using custom CSS to make a div on the page a certain color It still is too big. On my index page I implemented this code: div#homepage1{ height: 55em; background: #E30A1F !important; } To fix the size problem I tried adjusting the height to be smaller. However that also presents problems. When the screen resolution gets smaller that 900px all of the blocks stretch outside of the color. Also I cannot move the blocks higher so they are off vertical center. As seen in this first screenshot. As you can see, one screenshot looks much cleaner and more professional than the other. The second screenshot is what I am trying to accomplish. If anyone has a simple way to accomplish this, I'm all ears, heck even a complicated solution, just as long as it gives me this specific design. Thanks for reading! -
Brine: Nav to change color after scrolling past Hero
AThompson_social posted a question in Coding and Customization
Hi friends, I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with. /*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; } any help would be GREATLY APPRECIATED link to site -
Hey all, I'm building a site on the Wav template with forced Mobile. I have the menu sliding out so it only covers a small part of the page. But part of page it's not covering is just white. Could someone direct me in having the site visible behind it. https://bell-parrot-x7ly.squarespace.com/ password is password
-
I want to put a phone number, and a link above my top navigation. However I do not see any way to do this within the Hayden Template. Does anyone know how to do this with custom code? Here is a screenshot Of what I am trying to accomplish.
-
I've uploaded a custom font to my site with appropriate web file types and coordinating url sources. It displays perfectly on my desktop machine, but doesn't display on mobile or any other computer. Is something wrong with my css? No luck researching on my own.. Site: https://burkhardt-lofflerna.squarespace.com/ Password: Jx4HhwPTSUuvp93
-
hello, is there a way to hide the links at the bottom of an event's [individual] page that link to past or future events? CSS
-
Navigation background color and portfolio style
coralinart posted a question in Coding and Customization
Hello, I would like to remove the background color from my navigation header but only on some pages. What would be the correct code snippet for it? Is it also possible to make a portfolio grid fullwidth and show a short description under the project title? My website is https://dove-turkey-3mnz.squarespace.com/ Password: cs I use Squarespace 7.1 Thanks for your help! -
Hi, How can I add a CSS code to change the text family and size on the heading in the Related Products (''You might also like'')? It currently choose the font from the site's body text.
-
I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you! -
How can you style summary block carousel arrows? I am using it as a testimonial slider and want the arrows, and the text bigger.
-
Hi there, I'm trying to remove the logo from my site on squarespace. I've tried the following code on Custom CSS and advanced settings on the specific page I want to remove the logo, still no luck: Custom CSS: body.homepage #logo { display: none } #collection-5751ef224c2f85ec493b876a #logo { display: none } Advanced Tab: <style> #logoImage{ display: none } </style> Any help would be greatly appreciated!
-
Hello. I am using code blocks so that I can customise, format and size my text in different areas throughout my website, without it affecting the general style of the website on a whole. I am not a fan of the general text box because I can not customise the text exactly how I want it. For example I do not want my H1, H2 or H3 titles to be really big, but I do want some text on my website to be bigger or styled differently in certain areas to stand out and grab attention, which is why I am using the code blocks. However, I am finding that the code blocks are not scaling correctly for mobile. On desktop they look fine and give the visual impact I am looking for, but on mobile because they are not scaling properly, some of the text gets cut off or is just way too big. For example, in one code block I am using the following code: <center> <font size="5em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's get people talking.</li></span></font> <font size="7em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's create something EXTRAORDINARY together!</li></span></font> <font size="4em" color="#ffffff"> <span style="line-height:2.5em"> <li style="list-style: none;">I'm ready when you are.</li></span></font> </center> Which on a desktop looks like this: But on a mobile it looks like this: I am using em instead of px because I read that this is meant to help with the scaling, and in most cases this is fine across my entire site, but for some reason it is not here. How can I use code blocks to create custom text for visual impact on my site, but still have it scale down so it looks just as good on mobile? Thanks.
-
How to remove metadata when you have multiple blog pages
Aalok posted a question in Coding and Customization
I have two blog pages (one for regular posts and one for work/portfolio. How do I remove metadata from appearing on the work/portofilo blog list and post, but not from the regular blog list and page? I found this thread but I'm not sure how to choose a particular blog page when you have multiple: -
Hi there, I was wondering can anyone help me with adjusting the width of the dropdown menu? In addition, how can I adjust to make the background of the dropdown menu transparent/different color? I've tried research and finding on my own but I can't find anything! Currently I'm on version 7.1 so there isn't a specific template i think. My website isn't full done yet, but here it is www.lacylashes.com Here is what I mean, I have attached a photo Thanks!
-
Is it possible to reorganize content on the event-item page? For example, in the event's content section, I have a lightbox form "request a quote". I would like to move the form over to the event-meta-data section (on the left) and have the rest of the content on the right, and all centered in mobile view. Is this possible? Also, is it possible to show the "request a quote" form but not the picture and additional content on the event-list page?
