-
AuthorPosts
-
December 18, 2016 at 10:57 am #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!
December 19, 2016 at 5:38 am #725945Hey 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,
RikardDecember 19, 2016 at 9:27 am #725967Thanks Rikard
Unfortunately, that that did not work out.
SamDecember 21, 2016 at 7:15 pm #727241Hi,
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,
AndyDecember 22, 2016 at 6:52 pm #727618Hi Andy
Thanks for your help. Acces is posted below:
Thanks in advance!
SamDecember 23, 2016 at 7:41 am #727840Hi Sam,
Thanks for the details though I think you forgot to include a username?
Best regards,
RikardDecember 23, 2016 at 8:48 am #727853Sorry bou that :)
December 24, 2016 at 10:49 am #728108Hi,
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,
AndyMarch 14, 2018 at 2:03 pm #926609Hi,
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
March 15, 2018 at 7:32 am #927096Hi seykom,
Could you post a link to where we can see the element in question please?
Best regards,
RikardMarch 15, 2018 at 10:17 am #927179Hi,
here´s a screenshot. YOu can see the lineson the right side: “up-to-date”. But it apperas in every text block on mouseover.
March 15, 2018 at 11:25 am #927215Hi,
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,
MikeMarch 15, 2018 at 1:56 pm #927320Hi,
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!
March 15, 2018 at 3:39 pm #927401By the way – what font is it?
March 15, 2018 at 3:46 pm #927408On my screenshot? It´s “Arvo”
March 15, 2018 at 4:06 pm #927421i mean that right – up to date
edit _: i see it is advent proMarch 16, 2018 at 2:44 am #927839Hi,
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,
MikeMarch 16, 2018 at 10:17 am #928005Perfect, thanks :)
March 16, 2018 at 11:20 am #928031Hi,
Glad that Mike helped you. Let us know if you need further assistance or if we can close this thread :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.