Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

creedon

Circle Member
  • Posts

    3,646
  • Joined

  • Last visited

  • Days Won

    38

Everything posted by creedon

  1. Here is a little something that might make the process a little easier. javascript: var itemId = document.querySelector ( 'body' ).getAttribute ( 'id' ).replace ( 'item-', '' ); var title = document.getElementsByClassName ( 'entry-title' ) [ 0 ].textContent; var s = '/* ' + title + ' */ [itemid="' + itemId + '"],'; alert ( s ); First you need to be on a Atlas Map Locations post page. There are two ways you can use the above. You can type it into the address bar and then hit return. Before you hit return make sure the "javascript: " is at the beginning of the code. Some browsers strip that part out as a safety step upon pasting. If you know how to create a bookmark in your browser you can throw the code in there creating what is called a Bookmarklet. The code then can be triggered by selecting the bookmark. The code throws up an alert with the title and item id. You can then copy and paste the dialog content into your CSS. The above code was thrown together quickly only for this site and to help with the above issue.
  2. Add the following to Custom CSS. .search-results /* corumbau */ [itemid="5e6179d6f042ba7f2e97e878"], /* esalen */ [itemid="5e617a32f11f6b3cb96f5997"], /* lamu */ [itemid="5e6173c14c8fbf134de4a15d"] { display: none; } This is just some starter CSS you will need to add an entry for each Atlas Map Locations post. For each post you need to get the itemid. View source for each page and look for '<body id="item-'. Be sure that each CSS entry is followed by a comma except the last one. Let us know how it goes.
  3. Add the following to your CSS. .header-actions-action--cta a { font-family: POSTERAMA; } .newsletter-form-button-label { font-family: POSTERAMA; } Let us know how it goes.
  4. First you will need the business plan or above. Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script> For your blog page add the following to Blog Settings > Advanced > Page Header Code Injection. <script> $( ( ) => { $( 'article' ).each ( function ( ) { let $this = $( this ); let $title = $( '.entry-title', $this ); let textAlign = $title.css ( 'text-align' ); $this.prepend ( $title ); $title.css ( 'text-align', textAlign ); } ); } ); </script> Let us know how it goes.
  5. There is no built-in setting for the title to be above the image. See Native template. Scroll down to Blog Pages > On individual posts. However with some CSS and Javascript it could be done. Let us know if that is something you want to pursue.
  6. There is a CSS rule-set at the beginning of your custom CSS that is causing the problem. This is not the exact CSS of the rule-set but gives you an idea of where the problem is located. @media screen and ( min-width: 800px ) { .summary-item { position: relative; } } What this is saying is that when the window is 800 pixels or more then set position to relative. The normal setting is absolute. I think you can remove that rule-set and not cause to much damage overall. Assuming you want to restore the native behavior. Make a copy of your CSS in case you need to restore it. Let us know how it goes.
  7. When you say custom code is it all CSS or do you have some Javascript? Perhaps this is a temporary Squarespace issue?
  8. Please post the URL of your site. If you've not already done so, please set up a site-wide password. Post the password here and then we can take a look at your issue.
  9. I tried a couple of quick changes to the color of the font in my browser and that didn't help the readability issue to my old tired eyes. 🙂 @abibacon The overlay idea looks like a good idea. I did a couple quick hack tests and put a background on the Pots and Plants... These are some CSS rules that can be used as a starting point. background-color: rgba(0, 0, 0, 0.75); padding-top: 17px; @rootedpot If you want to pursue the overlay/background idea, let us know.
  10. I don't have a fix at this time but an observation. When I narrowed the width of my browser window down to mobile proportions I did "see" off screen categories. However my browser also provided a scroll bar so that I could get to the off screen items. I'm on macOS using Chrome. Also same behaviour on Safari.
  11. Go to Blog Post Settings > Content > Status > PUBLISHED. There is a calendar at the bottom. Let us know how it goes.
  12. There was a similar recent question that may be of interest to you.
  13. Yes but the code is dynamic, I assume, and if CC updates code on their end then it could have an effect on your site. I believe what @tuanphan is suggesting is to take the code out temporally. It takes only a few minutes to take it out, check to see if it made a difference, then put it back in. If taking out the code didn't make a difference then we can begin to focus on other areas as potential sources of trouble.
  14. There is a code block. It contains the Constant Contact code. Interestingly enough I am not seeing the horizontal scroll bar.
  15. I suggest removing all CSS related to achieving the effect you want. The following selectors are causing the buttons to disappear on hover. .index-item:hover .index-item-title { display: none; } .index-item:hover .index-item-category { display: none; } Make a copy in case you want to restore. Add the following CSS. .index-item.has-item-image { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 92, 1)),color-stop(60%, rgba(154, 212, 214,1))); background: -o-linear-gradient(top, rgba(255, 114, 92, 1) 0%,rgba(154, 212, 214,1) 60%); background: linear-gradient(to bottom, rgba(255, 114, 92, 1) 0%,rgba(154, 212, 214,1) 60%); } .index-item.has-item-image img { mix-blend-mode: MULTIPLY; } .index-item.has-item-image:hover { background-color: unset; } .index-item.has-item-image:hover img { mix-blend-mode: unset; } /* hide the link */ .index-item-text-wrapper { display: none; } /* show the link */ .index-item:hover .index-item-text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } If you want the links to show all the time remove the link related rule-sets. Let us know how it goes.
  16. The reason it didn't work is that your site is a version 7 site and the original posters is v7.1. Add the following to Design > Custom CSS. h2 a, h3 a, .Index-page--has-image h2 a, .Index-page--has-image .sqs-block-html p a, .sqs-block-html p a { border-bottom: unset; } The above is for a v7 site using the Brine template. Let us know how it goes.
  17. I suggest something like the following. Put the following in Page Settings > Advanced > PAGE HEADER CODE INJECTION. If you are not on the business plan or above then put it in Design > Custom CSS minus the style tag. <style> #page-section-5f66467c84df667bd7d0bd2f .sqs-block-markdown h3 { border: solid 2px; cursor: pointer; font-size: 1.4rem; padding: 12px; } #page-section-5f66467c84df667bd7d0bd2f .sqs-block-markdown h3:hover { background-color: black; color: white; } #page-section-5f66467c84df667bd7d0bd2f .sqs-block-markdown p { display: none; } </style> Put the following in Settings > Advanced > Code Injection > HEADER. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Put the following in Settings > Advanced > Code Injection > FOOTER. <script> $( ( ) => { $( '#page-section-5f66467c84df667bd7d0bd2f .sqs-block-markdown h3' ).click ( function ( ) { $( this ) .nextUntil ( 'h3' ) .slideToggle ( 'slow' ); } ); } ); </script> The previous was designed specially for the site mentioned. Replace any previous CSS or jQuery code related to the issue at hand. Make a copy of it somewhere in case you want to revert. If you are dependent on version 1 of the jQuery library I think the Javascript can be adapted to work with it. Let us know how it goes.
  18. Please give us the site-wide password so we can take a look at your issue.
  19. Please give us the URL for your site so we can take a look at your issue. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.
  20. Add the following to Page Settings > Advanced > PAGE HEADER CODE INJECTION for the page. <style> body:not(.button-style-default).button-style-outline .sqs-editable-button { background-color: #e37262; -webkit-box-shadow: 0 2px 0 0 #dd5340; box-shadow: 0 2px 0 0 #dd5340; color: #fff; font-size: 15px; font-weight: 600; } body:not(.button-style-default).button-style-outline .sqs-editable-button:hover { background-color: #e67e70; } </style> This is for a v7.0 site using the Brine template. If you're not on the business plan or above then add it to Design > Custom CSS. Let us know how it goes.
  21. Please give us the URL for your site so we can take a look at your issue. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.
  22. I don't think v7.0 or v7.1 will make much difference for the multilingual aspect of your site(s). Take a look at Creating a multilingual site in Squarespace. So the core question is what features do you need for your site(s) and what version of SS will best meet your needs. I can't say one version of SS is better than the other overall. They each have their pros and cons. If you have specific questions about features of each version of SS I suggest asking new questions.
  23. Go to Home > Help. At the bottom of the Help Center the version of SS you are using for the site will be displayed. Brine is a template for SS v7.0.
  24. Add the following to your CSS. @media screen and (max-width: 640px) { h1 { font-size: 64px; } } This is for a 7.0 site using the Brine template.
×
×
  • Create New...