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


Circle Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Posts posted by lu.diehl

  1. 10 hours ago, ACScruggs said:

    Hello - @lu.diehl. The code you shared at the beginning of this thread worked great for me. However, I'm trying to get the image (logo mark) centered on mobile and tablet view. I added   position: center;   to the code provided but wasn't successful in getting it repositioned. Do you know how I can make that happen?

    Many thanks!

    Hey @ACScruggs-- can you share a link to your website? 

  2. hi @Adam9 - you can edit this in Design > Colors > Section Themes 

    1. Go to the theme you are using with your Navigation
    2. Hover over the theme until you see the pen icon and click to edit the theme
    3. You'll see the first section will be Header and the second option is the Navigation Links color

    I wasn't able to check your website because you didn't add a password, only you can see it. If you want to add a password to your site, go to Settings > Site Availability > Choose Password Protected.

    Let me know if this was helpful! 😉 


  3. @GSv great! I know you're trying to use a code block to achieve this, and have mentioned that you didn't want to use image blocks. But you can definitely use image blocks (portrait layout) but then you hide the images and add a background to each of these images separately and it is quite easy. You can also add a color hover effect if you want the color to change when hovering over the content. 

    If you can, share how you fixed it 😉  and good luck! The site is looking great!

  4. Hey @Adam9 - I wasn't sure how you ended up doing it... the letter "I" is underlined and if you added the code as an empty code block, the I shouldn't be a link. 

    Ok, here we go:

    1. Remove the link associated with the letter "I"
    2. In the code block you have above your text, remove the text in btw the <> elements: 

    <p id="how-i-work"><p>

    3. Add an anchor link as a dropdown
    - under COACHING, click Add a Page and choose "Link"
    - add your Link Title: "How I work"
    - add your anchor link: "/your-page-url/#how-i-work"

    I hope this helps!! Let me know. If you still are having trouble with it, please make your site password protected and share the password with me 😉

  5. On 9/18/2018 at 10:20 AM, talex said:

    <script> $(document).ready(function() { $('.summary-thumbnail-container').click(function(event) { event.preventDefault(); // preventDefault first var link = $(this).attr('href'); if(link != '#'){ window.open(link); } }); }); </script>

    Thank you for this! It's what I've been looking for 😉 

  6. 4 hours ago, chambershire said:

    I just want to hide the background image because it causes a text contrast issue. 

    Hi @chambershire - you have to target the class for the background image only.

    If you want to hide the image background for the first section only, then add the following code. If you want to remove the background image for the entire page, remove .welcome-1

    @media screen and (max-width: 640px){
     #collection-588217d48419c28b7ce46248 .welcome-1 .Index-page-image {
        display: none;

    Let me know if it works!

  7. @Monte63 - sorry for the late response. 

    Let me know if this works:

    .collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow {
    	height: 450px !important;
    	background-color: #FFFFFF;
    @media only screen and (max-device-height: 640px)
    .collection-type-page.has-promoted-gallery.transparent-header #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-page.has-promoted-gallery.transparent-header .promoted-gallery-wrapper .sqs-gallery-block-slideshow {
    	height: 200px !important;
    	background-color: #FFFFFF;


  • Create New...