Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #725815

    Dear Support

    I’m trying to link the 4 big textblocks to a different website and making the whole text field a link which hovers with a colored overlay when mouseover. (see link in private content)

    I have found this post:
    https://kriesi.at/support/topic/making-a-the-whole-text-box-a-link-that-highlights-on-hover/

    I was able to unlock the css field in the textblock. But I was unable to place the links by replacing the “custom-class” with my own id.

    I also entered the php code listed below in the thread.

    Has anything changed since then? Thank you for your help!

    #725945

    Hey Sam,

    You could try placing a code block element before and after the text blocks with the following content:

    First code block:

    <a href="http://linktoyoursite.com">

    Second code block:

    </a>

    Best regards,
    Rikard

    #725967

    Thanks Rikard

    Unfortunately, that that did not work out.
    Sam

    #727241

    Hi,

    it should work fine. Can you provide us admin access please? then we can check it for you. Make sure to use newest theme version.

    Best regards,
    Andy

    #727618

    Hi Andy

    Thanks for your help. Acces is posted below:

    Thanks in advance!
    Sam

    #727840

    Hi Sam,

    Thanks for the details though I think you forgot to include a username?

    Best regards,
    Rikard

    #727853

    Sorry bou that :)

    #728108

    Hi,

    I’ve duplicated the site you’ve provided and used a Code Block element for the last two elements, which link to Google. Hope this helps you.

    Best regards,
    Andy

    #926609

    Hi,

    I used this codes too. But unfortunately there are thin lines under the linked text. Is it possible to make them transparent or something?

    Thanks

    #927096

    Hi seykom,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    #927179

    Hi,

    here´s a screenshot. YOu can see the lineson the right side: “up-to-date”. But it apperas in every text block on mouseover.

    https://picload.org/view/daliaggr/bild1.png.html

    #927215

    Hi,
    If you are using the same class in the code as the solution, then this code in the General Styling > Quick CSS field should work:

    .section-box a {
    text-decoration: none!important; 
    }

    If not, please include the url to the page in question so we can customize for you.

    Best regards,
    Mike

    #927320

    Hi,

    unfortunately it doesn´t work.
    You´ll find the URL in private content. Please notice it´s a private site, not live at the moment.

    Thank you!

    #927401

    By the way – what font is it?

    #927408

    On my screenshot? It´s “Arvo”

    #927421

    i mean that right – up to date
    edit _: i see it is advent pro

    #927839

    Hi,
    I changed the css to:

    .flex_cell_inner a {
    text-decoration: none!important; 
    }

    and it seems to be working now, Please clear your browser cache and check.

    Best regards,
    Mike

    #928005

    Perfect, thanks :)

    #928031

    Hi,

    Glad that Mike helped you. Let us know if you need further assistance or if we can close this thread :)

    Best regards,
    Nikko

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