Make a custom CSS for Squarespace Website (MARQUEE template)

  • Status: Pending
  • Præmier: €20
  • Modtagne indlæg: 2

Konkurrence Instruktioner

Dear Freelancer,

I need a custom CSS for my squarespace website ([login to view URL])
The images with parallax effect work great on desktop but are cropped (or zoomed) on mobile devices. I want them to be +/- full width and the height may be adjusted accordingly.
This should work on ipad and iphone versions of the website as well.

This is how the contest winner gets chosen:
The first one to show me a working version of the template which does NOT crop or zoom on mobile (you can use the standard marquee template with your own squarespace account, I just want to see the code is working) gets my admin login for my squarespace website. If you can subsequently make the code work on my website as well the price will be rewarded.

So... Step 1: Show me a working template on your own account
Step 2: With my login make the same thing happen on my squarespace website
Step 3: WIN!

Anbefalede Evner

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • iurianu
    iurianu
    • 3 years ago

    Please give me and thex a recommendation, at least... Thank you!

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    Stijndelaere, i guess the contest money go to crea2boy, which I hope will solve your problem.

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    .class {
    width: 100%;
    min-height: 70vw;
    background-image: url('../img/bg-1-1000x627.jpg');
    background-attachment: scroll;
    -webkit-background-size: 100% 62.7vw;
    -moz-background-size: 100% 62.7vw;
    -ms-background-size: 100% 62.7vw;
    -o-background-size: 100% 62.7vw;
    background-size: 100% 62.7vw;
    background-position: top;
    background-repeat: no-repeat;
    }

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    i found the solution, my solution and thex's solution must be combined.. then, it gets to smth like this:

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    look, i used that here (http://iurianu.info/marque/); i used bs and a thousand media queries, and still i ignored the bg scrolling, as i focused on image resize

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    it ahppens to all squarespace templates, not only this one

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    thex, the attachment scrolls, and everything is ok before you get to the phone and tablet viewports, where the background is cropped

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    It should work using percentage in vw for height to keep the image ratio intact (ie the first image, for width 100%=100vw, height=62.7vw)

    • 3 years ago
  • thexharbinger
    thexharbinger
    • 3 years ago

    do this in your css::
    @media screen and (max-width: 1024px){
    //for each of the background image containing classes//{
    background-attachment: scroll;
    background-position: top;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    }

    }

    • 3 years ago
    1. thexharbinger
      thexharbinger
      • 3 years ago

      add all the classes/selectors with comas.
      and you can change the px value if needed.

      • 3 years ago
  • thexharbinger
    thexharbinger
    • 3 years ago

    Hi, can I give you the solution directly here?

    • 3 years ago
  • iurianu
    iurianu
    • 3 years ago

    Hi, I think the problem with your website is a script problem, as it sets a fixed height, and width auto. Either you modify the script (which is not simple at all), or you can pay me the 20 euro and I make an identical one (or even better) using bootstrap. Advantages: less scripts (loads faster), more customizable texts, images etc. My advantage: I get a rating, and a piece on my portfolio., and maybe the opportunity to work for you again, in the future, if you like my work.

    • 3 years ago
  • stijndelaere
    Konkurrenceafholder
    • 3 years ago

    Ok, it is .be.. I corrected it. I can't make it guaranteed because I am not sure if someone can do it :-) But the first one to make it happen gets the price immediately

    • 3 years ago
  • saddy007
    saddy007
    • 3 years ago

    The URL is not redirecting to your website

    • 3 years ago
  • saddy007
    saddy007
    • 3 years ago

    Hello Sir
    I'm a front-end developer and have developed many responsive website. Could you please Skype with me?

    • 3 years ago
  • saddy007
    saddy007
    • 3 years ago

    #guranteed please

    • 3 years ago

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!