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

ChristopherBerman

Circle Member
  • Posts

    39
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

  1. Try adding this: @media screen and (max-width:640px) { #sections .page-section:nth-child(1) { width: 100% !important; height: auto !important;}}
  2. i dont know if this will work for you - but i found somee kind of solution div { max-width: unset !important;}
  3. Site URL: https://maroon-pufferfish-2cyf.squarespace.com/ Running into some issues - idk if this is an update from squarespace - but my spacing is set to 9vw - and it also spaces my mobile version - something that looks awful - it was perfect a few hours ago, now all my sites look like crap on mobile. everything is squised to the middle - i want it to stay spaced on desktop - but full width in mobile password is: 123 CRITICAL issue
  4. Site URL: https://www.flowize.no/ I was messing with the spacing and width on the website - but all the sudden everything has huge padding/space between elements vertically - i set the width and everything back to normal but on the live it still looks wierd any ideas?
  5. Hey - sorry late response : website url : elevated.no password: berman123
  6. i`m trying to change my nav bar when its active or on scroll - its using the same color as the top section - but this worked before - but for some reason its not working any more, anyone that can help me out? kind of important //Pulse color when active nav .shrink .header-nav-wrapper a::after { display: block; content: ' '; background: #44414e; height: 1px; width: 0; margin-top: -2px !important; transition: width 300ms; margin-right: auto;} .shrink .header-nav-wrapper a:hover::after { width: 100%;} .shrink .header-nav-wrapper a--active a { background-image: gradient !important;} // header and footer #header .shrink { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39); box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1); background-color: #fff!important;} #header .shrink a#site-title { color: #44414e!important;} #header .shrink .header-actions .btn { background: #5333ed !important; border: 2px solid #5333ed !important; color: #FFF !important;} #header .shrink .header-actions .btn:hover { background: none !important; border: 2px solid #5333ed !important; color: #5333ed !important;} #header .shrink .header-nav-wrapper a { color: #44414e!important;} #header .shrink .burger-box { filter: invert(1);}
  7. Hey! - made a HTML Code for 2 buttons next to each other - i´m trying to get one of the buttons to stay solid and 1 to be outlined - what i`m having difficulity with is finding out what CSS code to target it with because they are inn the same code block so i can`t target a spesfic code block i need to use "child" or something , i`m not sure - anyone got a clue? Codes and images are below: This is the HTML code: <a class="button cta-button" href="https://www.elevated.no/priser">Se Priser</a> &nbsp; &nbsp; &nbsp; <a class="button cta-button" href="https://www.elevated.no/tjenester">Kom i gang</a> And this is the CSS Code .button { border: 2px solid #2cd4d9; border-radius: 50px; background: #2cd4d9; display: inline-block; font-size: 15px; font-weight: 500; text-align: center; padding: 15px 20px; width: 103px; color: #000080 } .button:hover { background: none; color: #FFF; opacity: 1 !important; transition: 0.5s !important; }
  8. Thank you it worked- any way of making the transition happening almost instant ? - it kind of fades
  9. Any one got a quick solution for making annoucement bar dissapear when you start scrolling? so basicly making it not fixed
  10. How do i reduce space between buttons ? - i`ve tried different css codes , can`t get it to work i want there to be less of a gap between two buttons "BUTTON <---> BUTTON" when i pull the website up on a big screen theres alot of gap
  11. Hey - trying to put a gradient on my top sections on mostly all pages - but its targeting my footer as well - i`m using this code .page-section:nth-child(1){background: linear-gradient(30deg, turquoise, blue)!important;} .page-section:nth-child(1) .section-background{background-color:transparent!important}
  12. Trying to align to buttons next to each other on desktop - but there is to much space between the buttons Also trying to make one of the button thats next to the other button outlined wile the other stays solid. Anyone got a quick fix ? the 2nd buttons are not added yet.
×
×
  • Create New...