Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 13, 2017 at 10:57 pm #876351
    SimonJ17

    Hello everyone,

    I would like to create clickable boxes that are filled with text on the browsers edge such as in the picture the “portfolio” , but cannot wrap my head around it.
    In the end it should look like this: https://www.dropbox.com/s/y7h04vzq9bcodcb/example.JPG?dl=0

    I suppose this is only possible through some sort of html and css code, looking forward to your suggestions.

    Best regards,

    Simon

    • This topic was modified 7 years, 1 month ago by SimonJ17.
    November 15, 2017 at 6:23 am #876927
    Rikard

    Hey SimonJ17,

    I would try to simply have a regular link and then to place the element in an absolute position, something like this:

    .your-element {
  position:absolute; 
  right:0;
  top:200px;
}

    Best regards,
    Rikard

    November 21, 2017 at 8:35 am #879550
    SimonJ17

    Hey Rikard,
    first of all thanks for your answer. I managed to create the clickable object by using a code block and css code in the styling section. I am now struggling to move the object to the side, flush with the scroll bar.

    https://www.dropbox.com/s/1y8ueb3qmp32hfn/sample2.JPG?dl=0

    How can I do that in order to leave the regular container that contains most objects?

    Best,
    Simon

    November 23, 2017 at 5:17 pm #880787
    Victoria

    Hi Simon,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 25, 2017 at 4:51 pm #881664
    SimonJ17
    This reply has been marked as private.
    November 25, 2017 at 7:59 pm #881722
    Victoria

    Hi Simon,

    Edit the code above change the “right” value:

    
.avia_codeblock {
    position: absolute;
    right: -200px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.