[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 106
  • Last Modified:

Trying to modify links within a Custom lIst web part on a homepage. I'm trying to changer their hyperlink colors.

I have used.

ms-listviewtable ms-basictable td.ms-vb2 a, a:link, a:visited {
color: #ffffff !important;
padding-left:10px;
}

Open in new window

''It works but it effect every link one on the page.
I used FG12 and Firebug to isolate the calss but it;s some table with some long GUID ID.
Is there a way to isolate the css just to that imported APP Part with a Custom Lis it in.

Thank you in advance.
0
colonelblue
Asked:
colonelblue
1 Solution
 
kausticCommented:
Yep love the nested classes. You may end up using SharePoint Designer and a Data View Web Part. If you've never done it you will be surprised how easy it will be to style your stuff.

Alternatively you could find a pattern unique to that web part. You can access the buried stuff with multiple classes using a single selector.  Something like this:

.ms-listviewtable.ms-basictable td.ms-vb2 a, a:link, a:visited {
color: #ffffff !important;
padding-left:10px;
}

Note that you are joining the two classes with a period. If you do it right you shouldn't need the !important.
0

Featured Post

Prepare for your VMware VCP6-DCV exam.

Josh Coen and Jason Langer have prepared the latest edition of VCP study guide. Both authors have been working in the IT field for more than a decade, and both hold VMware certifications. This 163-page guide covers all 10 of the exam blueprint sections.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now