Styling

  • Hello. I just activated the plugin and it works really good with my theme. What I would like to do is style it a bit but notice there is not stylesheet. What stylesheet does this use? I would like to move the trail to the left and down a bit and also, change the link colors. The visited color is the 4C1A68 but I want to use the hovered color of my current custom theme. I looked through my theme stylesheet and this color is not even used yet it’s using in the plugin. Please advise.

    Corey

    https://www.ads-software.com/plugins/breadcrumb-trail/

Viewing 3 replies - 1 through 3 (of 3 total)

  • If you look into the source code of the rendered page, you can see that Breadcrumb Trail uses different css classes. If you add those styles to your styles.css file, you can style them anyway you want ??

    Thread Starter 4BWebDesign

    (@4bwebdesign)

    Thanks for your response. I’m still in learning mode and can’t seem to locate the classes that breadcrumb trail is using. I viewed the pages source code and this is what I found in relation to Breadcrumb trail. I have opened up my sites files in FTP and looked at all the classes in WP includes/css and do not see any of these classes. I also opened the plugin editor and don’t see a css stylesheet. Any help would greatly be appreciated.

    <div class=”breadcrumb-trail breadcrumbs” itemprop=”breadcrumb”>
    <span class=”trail-browse”></span> <span class=”trail-begin”>Home</span>
    <span class=”sep”>></span> Resources
    <span class=”sep”>></span> Research & Publications
    <span class=”sep”>></span> <span class=”trail-end”>Poster Contest</span>

    You are right, the plugin does not have any css whatsoever.
    You should create these classes yourself in your theme’s style.css file (or whatever the name of your stylesheet is)
    That’s what I did for my site and it integrates perfectly. If you need any help styling them, please do not hesitate to ask ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling’ is closed to new replies.