Jump to content

kf_creative

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by kf_creative

  1. Hi all, 

    Been trying to do this using the color palettes option but I find whenever I try to change the color theme it wont do anything. Then tried to resort to css on the specific page, but when I use the ID for the nav links on that page it also hasn't been doing anything. 

    What I am trying to do is on my Contact page and UX design page is change the color of the nav links to white and keep it black on every other page for desktop. 

    URLs are: 

    https://www.kellyfaria.com/contact

    https://www.kellyfaria.com/ux-ui-design

    There is another page with this issue but I may just photoshop the dark part of the image out so it can stay black. These two I'd rather keep the banner images and have nav links white for accessibility purposes. For Ux page, because the banner image is a bit busy, i had to drop the contrast/shadows down so it has a dark overlay, so the title could be in white. The Contact banner is a video. 

     

    If someone can help me figure out what to do (i'm suspecting using different IDs per page? so the css targets the nav links specific to the page maybe and not a global component?) that would be much appreciated. Also open to any other suggestions. 

    Screen Shot 2023-06-27 at 12.05.09 PM.png

    Screen Shot 2023-06-27 at 12.05.18 PM.png

  2. Site URL: https://www.kellyfaria.com/book-a-consultation

    Hi! I am trying to change the nav link colours/social icons in the header for certain pages but for some reason with Sackett's template I can't do that. I'm not sure if I'm not looking in the right place because even if I change the colour profile it only applies it to the mobile version and not desktop. These are the sorts of pages I want to change the nav link/social icon colours for and I'd want them to be black: 

    https://www.kellyfaria.com/book-a-consultation

    For all Project pages under UX Design, Industrial Design, and Content Creation. An example of it is here: 

    https://www.kellyfaria.com/ux-ui-design/malty-and-hoppy-delicacy-website

    Privacy Policy: 

    https://www.kellyfaria.com/privacy-policy

    Terms of Use: 

    https://www.kellyfaria.com/terms-conditions

    If someone can help me figure this out that would be awesome!

     

     

    Screen Shot 2021-11-28 at 8.23.30 PM.png

    Screen Shot 2021-11-28 at 8.37.03 PM.png

  3. Thats exactly what I did, but what I need to do is bottom align the button to the image. I tried to figure it out with CSS but in squarespace, I dont know what they use as a  div class to identify the image poster block. I figured it out be something like adding a css to override the position. I am also just learning CSS. Maybe something like this?

    .image-block-button {

            margin-top: 500px !important;

    }

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.