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

Ewalia78

Member
  • Content Count

    11
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hello everyone, So my problem is when i go into responsive mod my buttons are off the screen and it's not normal. I made a custom css profile to have all the buttons with the same size but now they are not responsive ! The other problem is my custom design buttons that i made in png and integrated them as a image. But in responsive mod they are huge ! Thank you for the help ! Here is my css : /* Remove underline from links */ a { border: none !important; } body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } .field-list { .form-item select { background-color: #fafafa; }} .sqs-lightbox-next, .sqs-lightbox-previous, .yui3-lightbox2 .yui3-lightbox2-content { pointer-events: none; } .sqs-lightbox-close { pointer-events : auto; } #nouvelle-page-1 { background: #7E66A5 } .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"★ "; } .markdown-block .ui-open:before { font-family:monospace; content:"☆ "; } .sqs-announcement-bar-text p { text-align: center !important; } .image-block-collage-text-alignment-left .sqs-block-image .design-layout-collage .image-card>* { text-align: center !important; } .sqs-widgets-audio-player.dark { background: #8067a6; } .sqs-announcement-bar { background: linear-gradient(99deg, #ac96ce, #392345); background-size: 400% 400%; -webkit-animation: AnimationName 3s ease infinite; -moz-animation: AnimationName 3s ease infinite; animation: AnimationName 3s ease infinite; } .sqs-announcement-bar-text { -webkit-animation: AnimationName 3s ease infinite; -moz-animation: AnimationName 3s ease infinite; animation: AnimationName 3s ease infinite; } @-webkit-keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @-moz-keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @-webkit-keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } @-moz-keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } @keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } .sqs-use--icon { fill: #8067a6 !important; } .Index-page-scroll-indicator-arrow { stroke: #none ; opacity: 0; } .sqs-block-button .sqs-block-button-element { width: 350px; } @media only screen and (max-width:1400px) { #collection-5cda8559cb2c42000142030b section#le-conseil-1 .sqs-col-4 { width: 100% !important; } } @media only screen and (max-width:1400px) { #collection-5ced2159e79c7041acd8b198 section#accueil-1 .sqs-col-4 { width: 100% !important; } } @media only screen and (max-width:1400px) { #collection-5d1c71e5cd79fe00013bc949 section#la-formation-1 .sqs-col-4 { width: 100% !important; } } @media only screen and (max-width:1400px) { #collection-5d1c72071e661a0001ce3151 section#le-recrutement-1 .sqs-col-4 { width: 100% !important; } } @media only screen and (max-width:1400px) { #collection-5dd3f8cfb16d2c02ed717542 section#mdias- .sqs-col-4 { width: 100% !important; } }
  2. Thank you very much for your help Sir . It's working perfectly now !
  3. Hello everyone. I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil Here is the css that i used to have them in the same size : sqs-block-button .sqs-block-button-element { width: 350px; } Thank you for the help !
  4. Hello everyone. I custom made my buttons on my website to have a specific size. But when i put the website in responsive mode the buttons are colliding with each other how can i fix that ? The only think that i put in my custom css is : .sqs-block-button .sqs-block-button-element { width: 350px; } Hope someone have an answer ! See here my website : https://rhino-bullfrog-fc8l.squarespace.com/
  5. Yes i did but on mobile i didn't have any problem. My buttons did pile up when the website goes in mobile mod. My problem is in between the full screen mod and the mobile screen mod . From screen resolution 1400 x 900 to 650 x 850. You can see in the picture that the white buttons are on each other instead of stacking up. Thank you for the help btw. I think the problem is the class col sqs-col-4 span-4.
  6. Thank you for your help but now my buttons are not the same size anymore.
  7. Hello everyone. I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil Here is the css that i used to have them in the same size : sqs-block-button .sqs-block-button-element { width: 350px; } Thank you for the help !
  8. Hello everyone ! So my problem is very simple, i want my announcement bar text to be animated. I only need the font getting bigger and smaller over time. I manage to make it change the color but the font doesn't want to change it size. So anyone that have a solution is welcome 🙏 . Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/ Here is my css for the announcement bar : .sqs-announcement-bar { background: linear-gradient(99deg, #ac96ce, #392345); background-size: 400% 400%; -webkit-animation: AnimationName 6s ease infinite; -moz-animation: AnimationName 6s ease infinite; animation: AnimationName 6s ease infinite; } .sqs-announcement-bar-text { -webkit-animation: AnimationName 6s ease infinite; -moz-animation: AnimationName 6s ease infinite; animation: AnimationName 6s ease infinite; } @-webkit-keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @-moz-keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @keyframes AnimationName { from{color:0% !important;background-position:0% 51%} 50%{color:50% !important;background-position:100% 50%} to{color:100% !important;background-position:0% 51%} } @-webkit-keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } @-moz-keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } @keyframes AnimationName { from{color:0% !important;background-position:0% 49%} 50%{color:50% !important;background-position:100% 52%} to{color:100% !important;background-position:0% 49%} } Thank you for taking the time to read my problem. Have a nice day !
×
×
  • Create New...