Jump to content

Indi

Member
 View Profile  See their activity

  • Posts

    34

  • Joined

  • Last visited

 Content Type 

Everything posted by Indi

  1. Indi
    @tuanphan Thank you, that worked perfectly. Do you know how I could move the text so it was above the main heading word? Like in the image attached?
  2. Indi
    @tuanphan Still need help, this code didn't work.
  3. Indi
    This is the code I tried using: /* Add subtitle */ h1.portfolio-title:after { font-size: 20px; color: black; } a.portfolio-hover-item[href="/grid-simple/project-one-efc56"] h1:after { content: “FRESH”; } because I wanted to use different subtitles for each portfolio title
  4. Indi
    Sorry, my website is: https://www.rotaterecordings.com
  5. Indi
    How to add smaller text next to a portfolio heading like in this image:
  6. Indi
    @bangank36 it still isn't working when I use Safari.
  7. Indi
    Hey guys, So I have used this code: img.grid-item-image.grid-image-cover { filter: grayscale(1); -webkit-filter: grayscale(1); } div.grid-item:hover img.grid-item-image.grid-image-cover { filter: grayscale(0); -webkit-filter: grayscale(0); } to achieve grayscale to colour on hover for my product images. https://www.rotaterecordings.com/shop-all It was working completely fine for ages, but I have now noticed using safari it isn't working. It's still currently working on Google Chrome. Does anyone know why that might be?
  8. Indi
    @creedon Would you suggest reducing the vertical spacing another way? Do you know how I can reduce it for mobile view? Thanks!
  9. Indi
    @creedon I have received help decreasing the section height of the my portfolio, although it effects the hover: follow cursor where is isn't following the cursor properly. Do you know of any solutions to this? I also need help reducing the section height for mobile? https://www.rotaterecordings.com/portfolio-3
  10. Indi
    Site URL: https://www.rotaterecordings.com/portfolio-3 Hi, I am trying to reduce the padding on my portfolio page, which I have at the moment using this code: /* PORTFOLIO HEIGHT */ @media screen and (min-width:992px) { .portfolio-hover { min-height: unset !important; height: 50vh !important; } .portfolio-hover-display { height: 100% !important; min-height: unset !important; } [data-section-id="627dbc08e4e4413a0d2d21f2"] { height: 50vh !important; }} The only issue is, it then effects the images on hover, where they are not placed on the words, namely; 'New Records', 'All records', 'Subscriptions', 'Bargain Bin'. Does anyone know how I can fix this? https://www.rotaterecordings.com/portfolio-3 Thanks in advance.
  11. Indi
    Site URL: https://dragonfly-fiddle-balw.squarespace.com Hi, Just wondering if anyone knows why my superscript numbers are showing up different on my home page? 1-3 are the same and then 4-6 are different? https://dragonfly-fiddle-balw.squarespace.com Any info or help would be amazing.
  12. Indi
    Site URL: https://www.rotaterecordings.com Hi, Just wondering if any one would know how I could create borders around my product images like in the picture attached? I was thinking of adding image borders using the code below and adding padding? Would I be in the right direction? img { border: 1px solid black; }
  13. Indi
    Site URL: https://www.rotaterecordings.com Hi, This might be pretty out there and hard to explain but on the first page that loads when going to my site I have a much of headings in the middle of the page which all link to individual shop pages (this was done to try and best get around the 200 product limit per shop page). Unfortunately at the moment migrating to 7.1 isn't an option. I was wondering if there was anyway that I would be able to create a dropdown situation on some of these categories seeing as I need to break them down a little bit further? I've included a picture to try and describe what I am talking about.
  14. Indi
    @creedon that worked! Thank you very much, true life saver. I tried adding this to the shop page > advanced> page header code injection, but I don't think it made much of a difference. Not a big deal. https://www.rotaterecordings.com/hip-hop/6txbuqcc01qvoekw2fjw8s1t9pcz5g-dg7y3-adwys-46k56-xcl2k-f6cj4-g59zz-8n5l2-8jhzd I only added it so far to the Hip Hop category. <style> .ProductItem-additional { padding-top : 0; } </style>
  15. Indi
    @jpeter Do you have any idea why moving the accordion up under the description has suddenly stopped work even when viewing in private browser? https://www.rotaterecordings.com/electronic/atoms-for-peace-amok I've worked out it does work when I re-load the page? Thanks!
  16. Indi
    @creedon That's so weird I have looked on both Safari and Chrome and it's still displaying at the bottom for me. Do you have any clue why that might be? How would I remove the additional info padding? Thanks! :)
  17. Indi
    @creedon I have an accordion on all my products, but here is a page for example 🙂 https://www.rotaterecordings.com/electronic/atoms-for-peace-amok
  18. Indi
    Can somebody help? I had the accordion moved up to the product description and was working fine, but suddenly it's back down the bottom? https://www.rotaterecordings.com I'm not sure what has happened? Thanks 🙂
  19. Indi
    @tuanphan Yes, I figured it out 🙂
  20. Indi
    @bangank36 That works amazingly! Thank you 🙂 Can ask if there is a way to also get a border around the whole menu as well? As seen in the picture.
  21. Indi
    Site URL: https://www.rotaterecordings.com Hi, I have used code to create a hamburger menu on my website. I am wanting however to add a border around navigational items like the picture attached. Does anyone know how I could do this? Also I'm unsure how to fix the folder navigation item I created, I want it to be a drop down instead of the arrows and having to click back to return to the menu. See 2nd and 3rd attached pictures. Thank you
  22. Indi
    @jpeter Thank you for all the help! 🙂
  23. Indi
    @jpeter Sorry where would I insert this? ( .ProductItem-additional { order: 7; } Like this? <script> (function(){ var accordion = document.querySelector('.ProductItem-additional'); var description = document.querySelector('.ProductItem-details-excerpt'); if(accordion && description) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion after the description. description.after(accordion); } .ProductItem-additional { order: 7; } })() </script> It didn't seem to work? but I'm not sure where to actually add it?
  24. Indi
    @jpeter I'm having the same issue as well. When I use the code it moves the accordion to the very top with everything underneath. I am wanting it to be underneath all of the info for both desktop and mobile. I'm not sure if I am using the code correctly, but I followed all of the steps. https://www.rotaterecordings.com/hip-hop/public-enemy-it-takes-a-nation-of-millions-to-hold-us-back?rq= poets Any help would be greatly appreciated!
  25. Indi
    @bangank36 Sorry should be fixed now. https://www.rotaterecordings.com/
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources