Jump to content

creedon

Circle Member
  • Posts

    9,363
  • Joined

  • Last visited

  • Days Won

    78

Everything posted by creedon

  1. The dialog title can be changed with the setting in my code. signIn : '[optional, enter sign in title text here between single quotes replacing square brackets]', Changing button text can be done with CSS but the result will most likely be unsatisfactory. Doing it with CSS messes up the spacing. JavaScript is a better option. I don't have any code to do this. In many cases if you context click on the element you want to inspect it will show up in DevTools. If it doesn't then you have to search around the document for it. The find option can be useful in this case. As @paul2009 points out you can't just throw a font-family on an element and have it change. You need to define the font-face in the context of the dialog. @font-face { font-family : 'brandon-grotesque'; src : url( https://static1.squarespace.com/static/63d1e9b20cb2274e46b41daa/t/658d00517916fc62d68cb321/1703739473698/HvDTrial_Brandon_Grotesque_light-BF64a625c93e709.otf ); } body { font-family : brandon-grotesque, Clarkson, Proxima Nova, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; }
  2. No. Just this one instance in the store categories cache code. /* callback is a custom function that is called after the categories data has been loaded. replace undefined with the name of your custom function your callback must accept a JavaScript object */ callback : undefined Let us know how it goes.
  3. Maybe I can teach you to fish. Do you know how to use DevTools to examine a normal SS page to figure out the CSS you need? It works pretty much the same for the dialog. Bring the dialog up. Inspect the dialog. You'll find that the dialog is an iframe ( a document within a document ). The iframe has it's own HTML, BODY, and etc. tags. Any class name and others you find within the iframe can be added to my code to modify the dialog.
  4. Your site is private. Please set up a site-wide password. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. We can then take a look at your issue. You may find How to post a forum question post useful.
  5. Please post the URL for a page on your site where we can see your issue. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. Please set up a site-wide password, if your site is not public and you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. We can then take a look at your issue. You may find How to post a forum question post useful.
  6. This HTML will mess you up. Remove it. Squarespace has already defined these elements for you. Throwing them in again will cause weird things to happen. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dog Calorie Calculator</title> </head> <body> Let us know how it goes.
  7. In my code I try to indicate where you can insert your code for example with my Member Area Log In Dialog Change you'll find the following. <x-twc-malidc-style style="display : none;"> [optional, enter css here replacing square brackets] </x-twc-malidc-style> To change the background color of the dialog here is an example. <x-twc-malidc-style style="display : none;"> .twc-malidc > div > div { background-color : red; } </x-twc-malidc-style> You have to know how to examine the structure of the dialog with DevTools to know how to create your CSS.
  8. The URL you added when you created the post doesn't get shown in the post. You have to add it as part of your text. Add the following to Website > Website Tools > Custom CSS. Remove any previous attempts at this effect, make a copy somewhere. @media only screen and ( max-width : 767px ) { [ data-section-id="656f919dfff2281f80d63067" ] .section-background { background-image : url( https://static1.squarespace.com/static/643bf7cb3a43c94afb0819f0/t/659039f2f272f37873817dfe/1703950838786/Icelandic+Pony+Large+Edit.jpg ); background-position : center; background-repeat : no-repeat; background-size : cover; } [data-section-id="656f919dfff2281f80d63067"] .section-background img { display : none !important; } } This is for v7.1 and specific to the poster's need. Let us know how it goes.
  9. Please see the following. Please note that these code provide a framework for you to style these elements. They don't do the styling for you, you still have to know CSS and or JavaScript, depending on what you are trying to accomplish, to do more than just the most basic changes.
  10. A note about duplicate sites. They are not exact duplicates of the original site. Please see Duplicating a site. If I need to do an extensive redesign I tend to duplicate the site and work on the duplicate to work out the new design. Then make a plan to transfer the needed changes back to the original site.
  11. The reason the following CSS ruleset only works on mobile is that it is contained in a media query ( @media screen and (max-width: 768px) ) The media query is saying only apply the contained rulsesets on viewports 768px or less. section[data-section-id="637c4a75c10b4a517ecbd275"] span[style*='underline'] { color: red; text-decoration: none !important; font-size: 23px } For CSS you want to work on both desktop and mobile don't wrap in a media query. If you go back several rulesets from the one I show, you will find the media query. Perhaps the general issues you are having with code not working is rulesets being wrapped in media queries when you don't want them to be. Let us know how it goes.
  12. Please post the URL for a page on your site where we can see your issue. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. Please set up a site-wide password, if your site is not public and you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. We can then take a look at your issue. You may find How to post a forum question post useful.
  13. What is the URL for the page you show in the previous post? That way we can get a look at it on our own devices and might see what the issue is.
  14. As @tuanphan points out there is no full page version of the dialog but it may be possible to get the dialog to look more like a page with CSS, JavaScript, and some of my code. This is not a full solution but here is what I was able to accomplish with my code. sign in appears as part of page.mp4 My code I used. Add the following to Website > Website Tools > Custom CSS. #accountFrame { background-color : white; height : ~"calc( 100vh - var( --twc-psfcvpta-section-first-padding-top ) )"; min-height : unset; top : var( --twc-psfcvpta-section-first-padding-top ); } Add the following code to the x-twc-malidc-style tag in my Member Area Log In Dialog Change code. body { background-color : unset; } .twc-malidc > div > div { box-shadow : unset; } This is for v7.1 and requires the business plan or above.
  15. Please see Page Section First CSS Variable Padding-Top Add. Synopsis Add a CSS variable to :root that tracks the first page section CSS padding-top property. Let me know how it goes.
  16. What is the URL for the currently implemented code so we can get an idea of what we may be working with?
  17. Please see the following. Let us know how it goes.
  18. You may want to use Forwarding a Squarespace domain - Path forwarding. I don't know if it will work for your particular situation. Let us know how it goes.
  19. The reason answers may be different is because context is everything when you have elements that have many options. CSS won't get the job done. Only JavaScript can randomize elements depending on context. Also note that any JS code to randomize may not be able to truly randomize a set of images because we can't manipulate the SS backend. We can only affect info that SS dumps on the page client side.
  20. The only way to not have your images downloaded from the web is to not publish them on the web. The very nature of the web is if someone can see an image, they can download it if they are truly determined to get it no matter what barriers you try to erect.
  21. This is not a solution but you might be able to get closer with something like the following CSS. I can't give you an exact code as I can't see your site. .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet { mix-blend-mode : exclusion; } mix-blend-mode CSS property. Let us know how it goes.
  22. Yes my code doesn't do this as CSS can handle this task better. In my code change the URL you set to... url : '/sign-in', It's better to use URL slugs where possible to make your site work in more circumstances. Add the following to Website > Pages > Website Tools > Custom CSS. .primary-button-style-solid .header .header-actions-action--cta .sqs-button-element--primary[ href="/sign-in" ] { --color : #6EEBED; background-color : var( --color ); border-color : var( --color ); } This is for v7.1. Let us know how it goes.
  23. One of the issues with the Classic Editor is that it is possible to get rows and columns nested in such a way that things don't flow the way you would expect. SS provides no way visually to see these nesting issues. If you are a web developer it is possible to see this nesting issue. I do have a bookmarklet that can help with seeing these issues. Please see the following.
  24. The meta tag should do the trick. Keeping in mind that when you add this tag, there is no guarantee that any search engine will honor the tag. If you want the tag to take effect site wide add it to Website > Pages > Website Tools > Code Injection > HEADER. There is no official timeline of how content ages out of any search engine. With Google there is a way to request Google to remove pages. I don't recall if you can request a whole site be deindexed. The one most powerful feature that a website can use to control access to URLs is the robots.txt file. SS does not allow users access to this file as it is an arcane web feature and to easy for most folks to get wrong and mess up the whole site being indexed correctly. So you are left with work arounds to try to address the issue.
  25. It appears you've changed the default text style for links so the code I provided is no longer of use. Before you had turned of the text-decoration underline.
×
×
  • 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.