selecting a html element

  • At the top of the page, there are breadcrumbs and I want to edit the last one. I have tried using the last child property to specify it but am not getting any luck. Does anyone know how I might be able to edit specifically it?
    Good day.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    The last one isn’t really an element in itself, it’s just text within the overall <nav> element. However, you can still style it separately than the rest because the rest are styled separately as anchor links. So just style the entire <nav> to affect the last breadcrumb.

    nav.woocommerce-breadcrumb {
    color: blue;
}
    Thread Starter yestube

    (@yestube)

    Thank you for the advice but sadly that only works with color. If I try to change the font size or anything of the sort it affects the whole thing.

    Moderator bcworkz

    (@bcworkz)

    You then need to override the nav.woocommerce-breadcrumb rules with more specific nav.woocommerce-breadcrumb a rules that are applied to the link elements only.

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