Javdesign
-
Posts
59 -
Joined
-
Last visited
Javdesign's Achievements
-
sorca_marian reacted to a post in a topic:
How to disable a CSS effect on mobile
-
Thank you! That worked!
-
Hi all, What do I need to place in custom CSS to disable a css effect only on mobile? I am finding that making the top section sticky upon scroll wigs out on mobile and sort of blinks and also shows the top section through the background of other sections, so I just am going to opt to "disable" it on mobile view. Unless it can be fixed to work OK on mobile?? (FYI: This is the code I am using to make the first section of my homepage sticky and the other sections scroll up and over it.) section[data-section-id="place unique section ID in here"] {position: sticky!important; top: 0px!important} html {scroll-behavior: smooth}
-
Remove the underlink from a link in the footer only
Javdesign replied to edmhawkins's topic in Customize with code
Thank you Grace, that worked for me! Can you tell me how I give the footer links a hover style? I tried this and it is not doing anything: footer#footer-sections a:hover {color: #FE5F30} Likely wrong code, but I'm learning as I go! Thank you! -
Hi, Is it possible to specify link hover colors for all active links per section by using a section ID—or per text block using an ID? Some of my section backgrounds have different colors and I need to make exceptions for certain link colors on them. Thanks! JV
-
CassAggett reacted to a post in a topic:
How do I make this CSS effect work in Squarespace?
-
How do I make this CSS effect work in Squarespace?
Javdesign replied to Javdesign's topic in Code Blocks
Thank you so much! The first one was exactly what I needed (and her video is SO good at explaining how to implement it and how to tweak details). Best, JV -
Hi folks! I have a sentence in a text block on my site where I'd like the last word in it to "rotate" through different words. I found a CSS example on the web: https://jsfiddle.net/n5dLdgor/1/ that illustrates exactly what I want to do (although my word will always be at the end of the sentence). Even the style of the transition is what I want. But given that text is in blocks with IDs on Squarespace, I'm wondering how to alter this code to get it to work in Squarespace CSS/Code Injection (especially because it needs to identify and change only the last word in the sentence in the text block). Thanks in advance for your help!
-
Addendum: my mistake: you CAN change the exact rem size in the content editor for the section, but I still would like to change the font weight and specify paragraph vs. headline styles. - JV
-
Hello, I'd like to know how to change the font weight and size (beyond global styles) of the "titles" (captions) under the "items" (images) in a Section I added called "Portfolio". (see screen shots) Thanks in advance! -JV
-
Hi folks, In 7.1, I added an image carousel to my page by selecting Add Section > Portfolio > and then chose the option with a horizontal row of images with the previous and next arrows on either side (see screen shot). I was wondering if there is a way to add a type of "pagination"/indicator dots below the carousel to indicate how many images are in the carousel and which one they are viewing? (see screen shot for example). Thanks in advance! JV
-
Changing font weight of individual text blocks
Javdesign replied to Javdesign's topic in Customize with code
OK, on a lark I decided to remove the word "strong" and that fixed it! -
Changing font weight of individual text blocks
Javdesign replied to Javdesign's topic in Customize with code
replaced with my specific block ID, and played around with the font weight to no change once saved. -
Changing font weight of individual text blocks
Javdesign replied to Javdesign's topic in Customize with code
#block-yui_3_17_2_1_1624213308747_3371 strong {font-weight: 400 !important} From this Forum Post: -
Hi all, I searched for this and could not find something specific to my question: I want to change the font weight of individual text blocks via block ID and can't seem to get the code right. (I don't like the Bolding option provided in the styling menu that you get by <pencil icon> editing the text block. And you are just stuck with one font weight for all headers and one for all paragraphs!) Thanks in advance!
-
How to hide drop-down menus but still use folder structure?
Javdesign replied to Javdesign's topic in Customize with code
So, I know that is a common ask on here, but I don't want to publicly share a URL to a site that is not public/published yet. Is there any other way? -
tuanphan reacted to a post in a topic:
Image Block Hover: Zoom + color opacity overlay + text caption
-
Hello! I'd like to be able to use the folder structure for pages so that the section name (in this case, "Work") is underlined when you go to individual project pages. But I do not want that to result in the drop-down menu from that section name in the main nav (the menu will be too long because they are projects in a portfolio). So I think I'd need to: In the Pages section, add a Folder and call it "Work" and add all individual project pages into it (Done) Make that folder name clickable in the main nav so it goes to a Work landing page (Saw a post about that here already) Remove the drop-down menu from the main nav ( I will ink to individual projects from images on the Work landing page. (Need help with this) Thanks for your help!
.png.5e7dd2cd95e199d9bef2d08c754755b7.png)
.png.4dd9f0651f982bd85a4939745cfb4e3b.png)
