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

charliekransdorf

Member
  • Content Count

    10
  • Joined

  • Last visited

Reputation Activity

  1. Like
    charliekransdorf reacted to tuanphan in cover page buttons side by side in mobile view   
    <style> @media screen and (max-width:640px) { .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper.stacked { width: 100%; display: flex !important; flex-direction: row-reverse; } .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper .sqs-slice:not([data-content-empty="true"])~.sqs-slice:not([data-content-empty="true"]) { width: 60%; } div.responsive-wrapper>div:nth-child(2) { width: 70% !important; } div.responsive-wrapper>div:nth-child(2) ul { display: flex !important; } div.responsive-wrapper>div:nth-child(2) ul>li:first-child { margin-right: 10px !important; } } </style>  
  2. Like
    charliekransdorf reacted to tuanphan in cover page buttons side by side in mobile view   
    Add to Cover Page Header
    <style> @media screen and (max-width:640px) { .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper.stacked { width: 100%; display: flex !important; flex-direction: row-reverse; } .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper .sqs-slice:not([data-content-empty="true"])~.sqs-slice:not([data-content-empty="true"]) { width: 60%; } } </style>  
  3. Thanks
    charliekransdorf got a reaction from IXStudio in outline button hover effect   
    that worked great.  thank you, much appreciated.
  4. Like
    charliekransdorf reacted to IXStudio in outline button hover effect   
    Hi
    Use this code in Design -> Custom CSS
    .sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover .use-icon { background-color: white !important; /* change this */ fill: white !important; /* change this */ } .sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover { background-color: black !important; /* change this */ border-color:transparent !important; } Also, please check this FREE button styles.  If you like it please let me know to help you to achieve it!
    Best,
    Leopold
  5. Like
    charliekransdorf reacted to tuanphan in outline button hover effect   
    Add to Cover Page Settings > Advanced > Header
    <style> .sqs-slice-buttons a:hover { color: green !important; } </style>  
  6. Like
    charliekransdorf got a reaction from creedon in remove click-through in index page - flatiron   
    i will eventually need to have more than one clickable, so i added the forward slash to the @tuanphan code, as per your suggestion and it worked.  thanks, guys.  this has been driving me crazy for a while.  
  7. Like
    charliekransdorf reacted to tuanphan in remove click-through in index page - flatiron   
    Try adding this to Home > Design > Custom CSS
    .item [href="/route2"] { pointer-events: none; }  
  8. Like
    charliekransdorf reacted to creedon in remove click-through in index page - flatiron   
    Give this a go.
    .item :not( [href="/route1/"] ) {   pointer-events: none;      } If you need to have more than route1 one clickable this CSS would need to be adjusted.
    Or if you want just route one not clickable use @tuanphan code but just add a forward slash to the end of the URL like "/route1/".
    Let us know how it goes.
×
×
  • Create New...