Help with link underlin

[Frankytank]

Hey!

I love the theme and I have a lot of fun customizing it!

I just need a little help with my css.

I used this line of code to underline my links throughout my website:

.article-body-wrap a {
text-decoration: underline;
}

But it underline also the buttons witch I don’t like. I tried this other method also but it underline everything, even ss-guizmo icons:

.page-content a {
text-decoration: underline;
}

Is there a way to make only link-able text content underlined?

http://kinesante.ca/testweb/kinesitherapie-capsulite-epaule/
http://kinesante.ca/testweb/francois-grenier-kinesitherapeute/

Many thanks!

Frank

[Melanie – SUPPORT]

Hey!

How far does this one take you?

.spb_content_element p a {
text-decoration: underline;
}

let me know what’s missing and I’ll expand the css for you!

Cheers

[Frankytank]

Hi Melanie,

Thank you for the quick answer.

I wonder why this code is giving me weird results :

http://kinesante.ca/testweb/drainage-lymphatique-vodder/

Some link are unederlined some are not.

http://kinesante.ca/testweb/kinesitherapie-montreal/

This page shows some link in text content that are not underlined…

Maby I should republish the pages?

[Mohammad – SUPPORT]

Hi,
Please try this custom css code .
div.inner-page-wrap a{text-decoration: underline !important;}

Hopefully that should work and let me know your feedback.

Thanks 🙂
With Best Regards
Swift Ideas

[Frankytank]

Hi Mohammad,

Thanks for the answer.

I think I’ll just leave it without the underline. That code makes everything underlined, even gizmo icons that I’ve made linking to pages…

Unless I could add another CSS that would make icons and buttons not underlined…

[Mohammad – SUPPORT]

Hi,
Please use my css code and provide specific page url with issue of gizmo icons etc so i can give exact solution.
Thanks 🙂
With Best Regards
Swift Ideas

[Frankytank]

http://kinesante.ca/testweb/articles/

Hi Mohammad,

The first link shows well the problem I have…

This page shows that all link are underlined, witch is what I need (even the bullet at the end), but my phone number in the impact text is underlined as well, do you think it could be removed?

http://kinesante.ca/testweb/drainage-lymphatique-vodder/

[Mohammad – SUPPORT]

Hi,
Please remove that one and use this one css code.

div.spb_content_element div.spb_wrapper p a{text-decoration: underline !important;}

Let me know your feedback.

Thanks 🙂
With Best Regards
Swift Ideas

[Frankytank]

Hi,

I think we are getting closer,

But the bullet makes the underline disappear, and it doesn’t makes blog posts links underlined..

(Page) http://kinesante.ca/testweb/drainage-lymphatique-vodder/
(Blog post) http://kinesante.ca/testweb/spondylolisthesis-spondilolyse/

[Frankytank]

Ok,

I was able to get rid of the second problem. I just have to put the blog post into a text block (using the swift page builder)…

But the bullet links aint appearing.

[Mohammad – SUPPORT]

Hi,
Please try to use this css code
div.spb_content_element div.spb_wrapper ul li a{text-decoration: underline !important;}

Thanks 🙂
With Best Regards
Swift Ideas

[Frankytank]

I understand that I have to put the two last lines into my CSS..

It work very well for the content, I am very happy with it…

But look at my Social shortcode at the bottom of the page http://kinesante.ca/testweb/contact/

Do you think we can fix that?

[Mohammad – SUPPORT]

Hi,
Yes sure, you can put this custom css code:
ul.social-icons li a{text-decoration:none !important}

Thanks 🙂
With Best Regards
Swift Ideas

[Frankytank]

Hey Mohammad,

I finally thought it was a little bit too much having linkable content blue and underlined… I’ll just leave it blue for now.

Thanks for all the work you’ve done!

Frank

[Melanie – SUPPORT]

Okay 🙂 Let us know if you need anything else 🙂