Tagged: links
-
AuthorPosts
-
March 24, 2015 at 2:43 am #416863
Hello,
In my homepage: http://www.quantitativo.com.br I have at the bottom, 3 text elements that I would like to convert to links to the websites pages, but without messing with their layout (no underline, no changing color, etc).
How can I do it?
March 24, 2015 at 7:39 pm #417329Hey newtonlinchen!
Your link goes to a landing page but you can wrap your link inside a span as following
<span class="my-custom-links"><a href="http://kriesi.at">Click me!</a></span>
then add following code to Quick CSS
.my-custom-links * { text-decoration: none !important; color: inherit !important; }
Regards,
YigitMarch 24, 2015 at 10:41 pm #417440The page is online now. You can take a look.
So I basically put the code above in a <span> html? (In the text area?)
March 24, 2015 at 11:16 pm #417450Hi, Yigit,
I need to make this element “clickable” and to perform as a button, (with the link):
[av_heading tag='h3' padding='0' heading='Traders' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#444444' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading]
There are three of them in the homepage. Where should I put the code you mention within this code above?
Regards,
Newton.
March 25, 2015 at 10:26 am #417642Hi newtonlinchen and Yigit;
sorry to jump in;
I would do in this way :
#1- create 3 blocs,
#2, 3- insert a bloc image and another bloc text in each of them,
#4- insert “the link” on to the image,
#5- insert “the link” on to the text (WITH YIGIT’S CODE ABOVE).
see the image
- This reply was modified 9 years, 9 months ago by begrafiks.
March 25, 2015 at 5:11 pm #417928March 25, 2015 at 6:23 pm #418043Yigit,
You see, I need exactly the layout of the items “Traders”, “Corretoras” and “Assets & Family Offices”, below in the page:
http://www.quantitativo.com.br/home/
I don’t want to use an image. It’s not part of the layout.
March 25, 2015 at 8:14 pm #418117Hi newtonlinchen ;
if you -only- want a link on each of the following titles :
(Traders) (Corretoras) (Asset & Family Offices)
you should :
1 – give a custom id (your-custom-id-color-section) to your color section in which you have insert those three titles
2 – insert your text into “spacial heading” in this way :<a title="Traders" href="http://your-traders-page">Traders</a>
3 – and add this line into your child theme :
#your-custom-id-color-section h3 *{ text-decoration: none !important;}
Just adjust the color and size of your h3 tag
In this way you can even add a background image to your link “a” tag by adjusting size, hover etc.
- This reply was modified 9 years, 9 months ago by begrafiks.
March 27, 2015 at 12:25 am #418936Yigit, can you help? I posted an issue about alignment, 1 day ago, and nobody came in to help.
Can you check that out?
Thanks in advance!
March 28, 2015 at 5:46 am #419735 -
AuthorPosts
- You must be logged in to reply to this topic.