CaptainBarnacles

Hi, Bit of a strange one: does any one have any idea why the dropdown arrow would no longer be displaying correctly and is now a diamond? I don't have any custom css running...I have updated my browser and it still seems to appear when viewing on two machines. Screenshots provided to show what I mean. Happens within individual product pages as well as the main page. I even made an entirely new site from scratch to see if I had done something wrong and missed a bit of added code but no, it occurs on a fresh build as well. any ideas gratefully received *edit* should also add this occurs on the carousel arrows as well. I have no idea whats going on.

Ok, I'll see what I can put together over the next couple of days 👍

Yes thats perfect! wish I knew more how this works and why the other didn't, but thats great thanks! any ideas on the other bits?

sorry missed your answer sooner, thanks for that, how does the first one work? I'll give that link a read and see what I can make sense of!

Hi, Ok so I have a few questions with things I've encountered whilst putting a store together (7.1), I'm slowly getting my head round it but some stuff is throwing me which I hope I can find solutions to, I think they're related to styling and hopefully not too code-involved to fix: First one: I have a site-wide logo, a png of grey text that sits on the white background of the header (pretty normal), on the store front page I have a dark header background image, the dark text is now obscured. to fix this I added the following to the store index page (advanced> page header code injection) referencing a new white text png: <style> div.header-title-logo a { content:url("white text png URL here") !important; max-height: 45px; } </style> it works great on the store front. However, when clicking on an individual store item, the page that opens retains this and doesnt go back to the grey text logo...any ideas how to fix it so just the store front is affected - OR how to add some sort of background to the product page? The "edit section" of the product page offers no help (Can't add a background) and a change in header colour is global. My next question: is how to fix some styling on the product page itself. I have the item format set to "simple" with a picture on the left, a title and description (with varient options etc) on the right. Weirdly the info on the right has a 60px top padding shifting it down on the page relative to the photo on the left. I've tried adding: { @media screen and (min-width: 768px) .tweak-product-basic-item-content-alignment-top .ProductItem-details, .tweak-product-basic-item-gallery-design-stacked .ProductItem-details { padding-top: 0px !important; } } to the custom CSS (website tools panel). It had no affect. I can't find anything useful in the 'spacing' part of the site styles panel. There seems to be a lot of padding between the item details and the 'additional info' below it (which seems fixed on some fade-in thing, Additional info page feels like the older 7.0 ui!) Lastly I seem to be getting some odd behaviour with the styling, sometimes the top menu displays as uppercase, other times it's lowercase...I'm not sure why! If you've made it this far; thanks for any suggestions!

sounds like a combination of the two might be the way forwards then, duplicate a few instances and then copy/paste inside a csv file 👍

Ah ok, thanks. Yes I saw an option to duplicate whilst trying to figure this one out but was hoping for a slightly slicker approach. So there’s currently no way to batch edit items with similar variants? They have to be done one by one (or duplicated from an original)

Hi, I've started putting a store together (in 7.1) and was wondering how best to achieve editing multiple items to have the same options? To add context: setting up a store to sell photos, currently all will have the same variant options (size/finish etc), is there a way to bulk edit those options so they apply to each item or do I have to add them to each manually as I add a new item to the store? I have been looking but not sure I've been using the correct search terms to find a useful answer (I dont think I mean/need the upload of an excel edited file, or do I?)

Sorry to bump this, still trying to hunt down a solution but not sure there is one without lots of fiddling around with tons of custom code - something I thought would this platform's strength 😬

I think you misunderstand my question. I am fully aware how it's done as a portfolio page. My question was how to create the same text-hover effect/background change but as part of a 'normal' non-portfolio page. I like the portfolio hover effect style but dont want the links to go to a gallery but instead, lets say for example, an about page or contact page, or something else... So, is that possible?

Hi, again something I seem to want 7.1 to do (that 7.0 has!): In 7.1 you can make a portfolio start page have a full screen background image with gallery titles within the portfolio displayed in the centre of the page - when you hover over the titles (links) the background changes (a featured image from each gallery). So far so good. However, is it possible to have a similar functionality but with a non-portfolio page, the links of which leading to other pages (not necessarily a gallery)? I notice this sort of thing can be done with a cover page in 7.0 but their absence in 7.1 seems to make this particular behaviour not immediately obvious to emulate...

Well, I've been playing around with it and on my mobile it still looks terrible - the in-built browser viewer is very misleading - text is always overlaying the image whatever I try (with my limited knowledge)... It seems such a simple thing yet can't get it working quite right. Is it always like this in 7.1?

Thanks, yes this is getting there, definitely! Still getting a bit of text overlapping when viewed on a mobile (both horizontal and vertical). And I notice in the 7.0 one I'm trying to copy it scales the images better - not cropping. Is that a css thing I can tweek too?

Hi, yes had a look and compared what was mentioned in the video and what I have already added and applied a mix of the two that does it correctly most of the way now: <style> .header, #footer-sections {display:none!important} @media only screen and (min-width:450px) { #page .page-section {height:100vh!important;width:50%!important;float: left;} #page .page-section:nth-child(2) {width:50%!important;float: right;} } </style> Looks ok in vertical mode (horizontal still seems to throw things around a bit which I can't work out). would be great to shrink the image heights by say 50% on mobile screens as they take up the entire height still...

assuming i've done it correctly: everythingisawesome Also her video deals with a static background image, I've gone with a slideshow - a step too far? 🤷‍♂️

Hi, Thanks for the quick response! Yes I believe I followed that one to attempt a fix however in doing so I suddenly have a header and footer back (the code to hide it seems to be getting ignored) and it still looks squashed on mobile. site is still being pieced together but it's https://wolverine-bamboo-5yw8.squarespace.com/

Hi, hoping there's a simple fix for this. Backstory: I started making a site on 7.0 but realised 7.1 had a bit more functionality that made it a better long term choice (I think!?!😬), on the 7.0 I made a nice cover page using the "spotlight" cover page style - has a split screen and you can add images one side and a logo, some text and buttons/links etc. A nice landing page. My attempts to emulate a similar one in 7.1 have led me to a few posts here with some code to provide a work-around that I've edited slightly and added to the page (page settings>advanced>page header code injection box) to achieve a "similar" result (why tf they dont have cover pages in 7.1?! I see it's so often requested by users!), Here's what I added (the h1 is just to style some of the text since I can't seem to logically add a picture - logo - to the section as well as the text🙄🤦‍♂️ - unless theres a way?) <style> #page .page-section{height:100vh!important;width:50%!important;float: left;} #page .page-section:nth-child(2) {width:50%!important;float: right;} header,#footer-sections {display:none!important} h1 {font-family:Oswald;font-weight:700;} </style> Process I followed: make 2 sections, one a full-bleed slideshow and another with the text I want. The result looks fine on desktop but checking mobile and its horrendous, just two thin columns and squashed text. I'm assuming I can add some code to the above that instructs it to make the slideshow/images move to the top (say 50% of the screen) with the text below? (be nice to get some text/logo overlay). I have an inkling of an idea it's to do with screen sizes and you add something to that effect but my coding knowledge is rudimentary at best, I can edit styles after much googling/copy-pasting but I'm no coder. I tried something I found but clearly it wasnt right cause it had no effect, or I added it wrong in the box. So, help gratefully received thanks!

Thanks, yes nothing I do has resolved it. I've looked through every page/gallery etc I've made to see if anything has the same /url name but nope, nothing...it's been like that over a week. It's not isolated as others seem to be behaving the same way.

I’m in the process of building my site but have encountered a problem I can’t fathom. As I was building things and deciding where things went I created a page called sports and another page was temporarily called something else, urls were generated automatically and I carried on building. However, I decided I preferred a different lay out and deleted the original sports page and renamed the other to sports instead (deleting and emptying the trash in the process). Unfortunately when attempting to rename the url on the completed page I want to end up with I get an error stating the url is already in use. The url “/sports” doesn’t exist as I had just deleted the page it was on (confirmed by making a link on a page to click on, ends up with a ‘page not found’ message), so I can’t understand why I get an error saying that the url is in use when I try to change a different page to that, when it’s clearly not. The site is not yet live but I’d rather not have to start all over again just to get round this weird quirk. Any ideas gratefully received.