Web Development

Easy way to add an image or title next to logo using css in WordPress

This can be done for WordPress, Magento, Prestashop or other CMS that don’t have an existing similar feature.

Using ::after or ::before element in CSS allows you to insert content onto a page without it needing to be in the HTML.

For example,

 

  1. Adding an image on the right from the logo:
.logoclass::after {
content:url(“/url/path.png”);
}
       2. Adding some text on the left from the logo:
.logoclass::before {
content:”text string”;
}