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

creedon

Circle Member
  • Posts

    3,506
  • Joined

  • Last visited

  • Days Won

    38

Everything posted by creedon

  1. Remove or comment out your previous CSS and add the following. .no-touch .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-text { -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .portfolio-grid-overlay .grid-item .portfolio-title { -webkit-transform: translateY( 30px ); -ms-transform: translateY( 30px ); transform: translateY( 30px ); -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .portfolio-grid-overlay .grid-item:hover .portfolio-title { -webkit-transform: translateY( 0 ); -ms-transform: translateY( 0 ); transform: translateY( 0 ); } Let us know how it goes.
  2. Remove or comment out the following CSS. ul[data-rte-list] li>*:first-child::before { content: ""; } There are two instances of this in your Custom CSS. Let us know how it goes.
  3. When I click on read more links on that page a new tab is opened in my browser. I can see that the code you added is working. The following pics show the code is there and working. My thinking is that your browser is blocking the target _blank behaviour. Perhaps a security setting to prevent pop ups. It could also be ad blocker software.
  4. I just tested importing categories on both v7.0 and v7.1. With 7.0 I had no problem importing new categories and tags. Even multiple categories. With 7.1 tags came in no problem. Categories did not come in automatically. I had to first define each category once in Store Settings > Categories. Then importing any number of categories for an item works. Here is another potential gotcha. If you define a category like "abcd" and then you realize you made a mistake and go back in and make it "abc" but don't update the URL Slug you will get errors on import. The URL Slug is the key not the Name.
  5. Yes there are some built-in ways. Style the Blog Page Changing fonts If you need to go beyond those options then we'll need more detail.
  6. I can confirm what you are seeing on some of your videos. You can see the distortion on the 2nd and 3rd vid still images clearly. This is embedded code from YouTube so I went digging into the code generated by the embedded code. What I found is that YT produced an image < https://i.ytimg.com/vi/ajV_Vf8fRv8/sddefault.jpg > that has distortion on the right side. I'd first suggest trying to resolve the issue on the YT side of things. My guess is the standard definition version of the thumbnail image is getting distorted. What is apparently the hq version < https://i.ytimg.com/vi/ajV_Vf8fRv8/hqdefault.jpg > is apparently fine. The first thing you could try is just redo the thumbnail step and see if things are different. After that I'd be tempted to experiment. If the thumbnail is a still from the vid, choose a different frame of the vid. A frame or two ahead or back. If that doesn't do it find an alternate image if possible. I've had some previous experience with YT and how it distorts vids in ways that are undesirable. Understandable but not desirable for certain use cases. I'm not surprised that the same is happening with thumbnails.
  7. Please give us the URL for your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  8. @leeplusmy3 Please give us the URL to one of your product pages. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  9. Let me start with number 3 others may have answers for this or the other items. You don't have to add an image to a blog post. If you don't then it will just display the text you entered. Does that work for your needs? If you need to add an image but hide it in some circumstances please give us more detail. An example of a post with no image.
  10. @jasmineashli One thing you can try is change the SECTION HEIGHT and CONTENT HEIGHT like the following. Note that will change the desktop as well but perhaps not so much as to be a problem. If that still isn't enough or you don't like the desktop effect add the following to Design > Custom CSS. @media screen and ( max-width: 767px ) { .homepage .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section).section-height--large>.content-wrapper, .homepage .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0 !important; } } If that still isn't enough. Let us know we might have a few more tricks up our sleeves. Let us know how it goes.
  11. Before we can talk about the Javascript to move the star rating I think you need a second piece of code from yotpo which I think you can read more about at < https://support.yotpo.com/en/article/generic-other-platforms-installing-the-yotpo-star-rating >. It is a different piece of code than the one you already have. I think it's function is to give you some stars and a review number count only. In addition if a user clicks on it, it takes you to the part of the page with the big review widget you already have installed. The code you already have is the big review widget they put at the bottom of a product page. To move all that up under the price would be user unfriendly.
  12. @jasmineashli Please give us the URL for the page where you are having an 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.
  13. From my quick testing Blog 3 16:9 shouldn't be a problem. The problem comes in, as you may have guessed, when you have multiple blogs using the same Layout. In the case of your first two blogs which are using Basic Grid Blog Layout. If you make a change for that Layout it translates to all blogs using that Layout. Now I haven't tested the following deeply so we are experimenting and there are caveats. Add the following to Settings > Advanced > Code Injection > HEADER. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Page Settings > Advanced > Page Header Code Injection for blog 2 (The Design Emotive < /stories >). <script> $( ( ) => { /* change The Design Emotive < /stories > from 2:3 Standard (Vertical) to 3:4 Three-Four (Vertical) */ $( 'body' ) .addClass ( 'tweak-blog-basic-grid-image-aspect-ratio-34-three-four-vertical' ) .removeClass ( 'tweak-blog-basic-grid-image-aspect-ratio-23-standard-vertical' ); } ); </script> This is for a v7.1 site. Now here is a big caveat. When you apply this code Preview mode doesn't know and will still show you as using the 2:3 Standard (Vertical) Aspect Ratio. So this is something you have to remember. I also did no testing for any of the other settings related to the Basic Grid Blog Layout. Things like padding and such. If you need those customized then we'd need to dig some more. Let us know how it goes.
  14. @Brianay It looks like you have the full review widget installed. Now you need to add the code for the Yotpo Star Rating bit. I'm going to talk in generalities as we don't have all the pieces with which to work. With the other bit of code installed it should be possible to use some Javascript to move it up under the price.
  15. @Brianay Please post the URL to a page where you have the widget. Also describe where you want the widget to end up. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  16. I'm not seeing any footers with huge font sizes. Can you give us a URL to specific page where we can see the problem?
  17. Right you don't need a site-wade password when the site is public.
  18. Please set up a site-wide password. Post the password here. We can take then a look at your issue but I think @bangank36 has you covered.
  19. Add the following CSS. #collection-5f25e441bf557e3744c2b73e #header { background-color: transparent; } Let us know how it goes.
  20. @CIS Add the following to Design > Custom CSS. .form-wrapper .field-list .field .field-element:focus { border-color: #fecb00 !important; } Let us know how it goes.
  21. First remove or comment out the following CSS. Make a copy for safe keeping if removing .image-button,.image-button.sqs-dynamic-text { width:175px !important; background-color:transparent !important; background-image:url("https://static1.squarespace.com/static/5f7f72329f726c44987f2b9d/t/5f846621262bce78fcc4d7a2/1602512418551/Logos+v2-48.png"); background-size:100px; background-repeat:no-repeat; background-position:left; font-family:'Modernline'; font-size:15px !important; font-color: #966b20; } Then add the following. .image-button { background-image: url( https://static1.squarespace.com/static/5f7f72329f726c44987f2b9d/t/5f846621262bce78fcc4d7a2/1602512418551/Logos+v2-48.png ); background-size: 100px; background-repeat: no-repeat; } .image-button.sqs-dynamic-text { font-family: Modernline; } .primary-button-style-solid .sqs-block-image .design-layout-card .image-button a { background-color: transparent; color: #966b20; } Let us know how it goes.
  22. How about removing the background image and adding the image as an image block to the top of the page section below? Or you can have two page sections. Whatever works for you. Ignore the text it's left over from some previous tinkering. Let us know how it goes.
  23. Please set up a site-wide password. Post the password here. We can take then a look at your issue.
  24. My bad. I updated the second script in my previous post. Hopefully that will do the trick!
  25. You can also combine the two effects if you want them to both happen on hover. #collection-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure, /* select store page */ #page-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure { /* SHOP lightbox */ -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } #collection-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure:hover, /* select store page */ #page-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure:hover { /* SHOP lightbox */ -webkit-box-shadow: 2px 2px 8px #A9A9A9; box-shadow: 2px 2px 8px #A9A9A9; } #collection-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure:hover::after, /* select store page */ #page-5f736d7c27fbe866e3e67e49 .sqs-block-image-figure:hover::after { /* SHOP lightbox */ background-color: rgba( 255, 255, 255, 1 ); /* alpha is 0 to 1 */ content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
×
×
  • Create New...