“.privacy-policy” CSS footer styling affecting privacy policy page body

  • Resolved mnydigital

    (@mnydigital)


    6 months ago

    The CSS contains a “.privacy-policy” class for adding margins to the privacy policy footer link.

    However, when navigating to the privacy policy page, the page body has the same class. The CSS changes the margins for that also, resulting in a gap on the left side of the screen.

    I’m assuming this is not intended. The CSS class should be changed to only target the footer link.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kavya Gokul

    (@properlypurple)

    6 months ago

    Hi @mnydigital!

    Multiple elements having the same class name should not prevent you from targeting the footer link, or any other element. To target specific elements, you can create your css selectors as shown below:

    .footer-credits .privacy-policy {
  margin: 0 0 0 20px;
}

    For targeting the body element

    .page.privacy-policy {
  /* your css here*/
}
    Thread Starter mnydigital

    (@mnydigital)

    6 months ago

    I understand how to do that, the point was more should this not be the default?

    Kavya Gokul

    (@properlypurple)

    6 months ago

    Thanks for the clarification @mnydigital. The best option in this case would be to file a bug for this, by going to the link below:

    https://core.trac.wordpress.org/newticket

    There is a guide for reporting bugs that you can take a look at as well.

    Thread Starter mnydigital

    (@mnydigital)

    6 months ago

    Have done, thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘“.privacy-policy” CSS footer styling affecting privacy policy page body’ is closed to new replies.