Question 2192 in Wordpress Question posted in
The official Wordpress documentation can be found here.

Applying a font (a code) to all parts of a widget in css – WordPress

I want to apply a piece of code (for example, a specific font) to all parts of a widget
What selector or what should I call to be able to do this?

In the following code snippet, the font is applied to the selectors and part of the comments, but when a new comment is registered in the comments section of the site, the previous font is displayed again for the new comment.

/* Widget post comments */
.elementor-element-3d8990cd .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum';
    
}
.elementor-element-3d8990cd .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum';
}

/* Wpdiscuz sort button active */
.wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button-active{
    font-family:'IRANSansWeb_FaNum';
}
Tags:

2

Answers


  1. 0

    You can use [attribute*=value] CSS Selector in this case.

    /* Widget post comments */
div[class*="elementor-element-"] .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum'; 
}

/* Wpdiscuz sort button active */
.wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button-active{
    font-family:'IRANSansWeb_FaNum';
}

    You can also add a specific common comment parent class with div if needed.

    Login or Signup to reply.
  2. 0

    you can use the body element tag to apply font on every part of element as we should write the code of element in body only.
    The code written in body element (css) will be applied to every part of the body code and used to write background color so that it can be applied to whole page and used to write font size and family etc using css in style tag in head part.

    using

    <style> body{ font-size=34px;} </style>

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search