Docs

[Julius]

Hi X

First of all, awesome theme you made, thanks!

Now, my questions are:

* How do i change the color of my links? Currently, when i make a link it highlights the text with a green color (which seems to be the same as the my “main color scheme”).
Id like to change not all of the links, but just a specific one.
Screenshot: http://imgur.com/YSKg61P

* How can i change the layout of the (WooCommerce) category and shop pages? I’d like to make some few adjustments, is it possible that i can do it with Visual Composer or text editing and shortcodes?

* Is it possible to make a promo clickable? So that if you click the promo (doesn’t matter if its on the image or text) then it would take you to the link?

Link to my site if needed: http://www.vaegur.dk

Best regards
Julius

[Julius]

[Rue Nel]

Hey Julius,

The customizer will help you achieve what you want to change in your site. You can find it in Appearance > Customize >

# To change the color of the links, it is in customize > Typography > Site Links please the screenshot below

To change your link or a specific link, just add a custom class to your link like this: `<a class=”my-link” href=”your-link-here”>text link here</a>. We will then use the custom class have a custom css to that link. In your customizer, there is a section <strong>Custom > CSS</strong> where we can insert a custom css like the code below:

.my-link {
    color: #ffffff;
}

.my-link:hover {
    color: #cccccc;
}

# There is for the Woocommerce section too!
<img src=”http://i.imgur.com/B6tJpnb.png&#8221; alt=”null” />

# To make the promo clickable, just insert the promo shortcode like you used to. Please highlight the newly inserted shortcode and click insert/edit links button in the visual editor.
<img src=”http://i.imgur.com/2sFZjOV.png&#8221; alt=”null” />

or you can use the code below as a pattern
<a href="http://your-link.here">[promo image="http://x.support/your-image.png" alt="Enter in the alt text for your promo image."]You're using Renew. Click the button below to check out a live example of the Promo when using this Stack.[/promo]</a>

Hope this will help.

[Julius]

Hi

I still got some problems with changing the link color

I think I’ve done it correctly, but the link still shows up as my main color. Try to see if you can spot any mistakes in these screenshots:
(Note: click on them, the thumbnail looks like to identical images, but when you open them, they are not)
http://imgur.com/wl36Dr8,vV18Vki#0
http://imgur.com/wl36Dr8,vV18Vki#1

[Christian]

Hey Julius,

Your HTML syntax is wrong. You have double double quotes in class=""my-link"". Moreover, pretty quotes like http://prntscr.com/6c0hm4 won’t work. Please correct it.

Thanks.

[Julius]

That was the thing

Thank you so much 🙂

[Christian]

You’re welcome Julius.

[Author]

Posts