Topic: change link text styling to underline in pages and post « SeaTheme

This topic has 13 replies, 2 voices, and was last updated 7 years, 7 months ago by cincin.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
October 11, 2018 at 5:42 am #16661

cincin
Participant

Purchased
Expired

hi,

could you kindly advise how to change the link text styling in pages and posts to underline?

thank you!

WordPress Customization Service from $49 Only! Save your expensive time!

October 12, 2018 at 1:48 am #16680
SeaTheme
Keymaster

Purchased
Expired
HI
Please paste the custom css code to “Appearance > Customize : Additional CSS”
```
.menu-item:hover > a:after, .menu-item:focus > a:after, .socialmeida-a:hover .socialmeida-text:after, .socialmeida-a:focus .socialmeida-text:after, .menu-item.current-menu-item > a:after, .menu-item.active > a:after, .portfolio-link-button-a:hover:after, .archive-more-a:hover:after, .gallery-link-a:hover:after, .gallery-link-a:focus:after, .wpml-translation li:hover span:after, .wpml-translation .current-language > span:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
```
Regards!
WordPress Customization Service from $49 Only! Save your expensive time!

October 12, 2018 at 2:57 am #16682

cincin
Participant

Purchased
Expired

hi,

i probably didn’t explain well my question, i would like to change the links ONLY in PAGES (eg. about) and POSTS to underline, not to menu or footer.

thank you!

WordPress Customization Service from $49 Only! Save your expensive time!

October 13, 2018 at 4:56 am #16694
SeaTheme
Keymaster

Purchased
Expired
Pleaes update the css
```
 .portfolio-link-button-a:hover:after, .archive-more-a:hover:after, .gallery-link-a:hover:after, .gallery-link-a:focus:after, .wpml-translation li:hover span:after, .wpml-translation .current-language > span:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

October 13, 2018 at 1:03 pm #16704

cincin
Participant

Purchased
Expired

Hi thank you for your reply, however the pages remained unchanged, could you kindly look into the codes? thank you!

WordPress Customization Service from $49 Only! Save your expensive time!

October 14, 2018 at 12:40 pm #16716

SeaTheme
Keymaster

Purchased
Expired

Please leave the URL, thanks!

WordPress Customization Service from $49 Only! Save your expensive time!

October 14, 2018 at 2:00 pm #16718

cincin
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 15, 2018 at 1:35 am #16719
SeaTheme
Keymaster

Purchased
Expired
Please paste the custom css code to “Appearance > Customize : Additional CSS”
```
.panel-widget-style a:after,.entry a {
    content: '';
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid currentColor;
}
.panel-widget-style a:hover:after,.entry a:hover:after  {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

October 15, 2018 at 11:35 am #16724

cincin
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 16, 2018 at 1:28 am #16734
SeaTheme
Keymaster

Purchased
Expired
Please update the CSS as:
```
.panel-widget-style a,.entry a {
position: relative;
}
.panel-widget-style a:after,.entry a:after {
    content: '';
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid currentColor;
}
.panel-widget-style a:hover:after,.entry a:hover:after  {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

October 16, 2018 at 1:29 am #16736

SeaTheme
Keymaster

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 16, 2018 at 2:14 am #16737

cincin
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 18, 2018 at 3:09 am #16750
SeaTheme
Keymaster

Purchased
Expired
You have set the height color as gray color, you can change it in theme option.
or you can set the link color by CSS:
```
.panel-widget-style a,.entry a {
color: #414145;
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

October 18, 2018 at 7:30 am #16751

cincin
Participant

Purchased
Expired

thank you so much!

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘change link text styling to underline in pages and post’ is closed to new replies.