[resolved] Apply styles homepage circles on category pages (8 posts)

  1. deb76
    Posted 3 years ago #


    I have a question about circles on category pages.
    I added an item "Our products" on my header menu. It's a category of posts. When I clicked on, the page doesn't display my settings about circles as in homepage. How can I duplicate my settings? In what file have I to modify?

    Thank you so much for your answers and your help!

    My url : http://www.lecrindechocolat.com/

  2. deb76
    Posted 3 years ago #

    For others readers who have difficulties, I find the solution :
    In my CSS tweaks, I added .blog,.archive .hentry,.search before each setting.

    It seems to work!!!

    Happy :-D

  3. djalouk
    Posted 3 years ago #

    Hello deb76,

    How did you install your fonts : Raleway and Dosis ?

    Thank you.

  4. deb76
    Posted 3 years ago #

    Hello Djalouk!

    You have to download Google Fonts plugin and you choose your fonts and where apply them (body, heading, etc..)
    However, it doesn't work on header and footer. You have to use CSS.

  5. djalouk
    Posted 3 years ago #

    Ok, so you've added Google Fonts plugin and use a child theme for your header and footer ?

    Thanks for the tip !

  6. deb76
    Posted 3 years ago #

    Sure, I use child theme. Then in your css manager:
    About main menu :

    .main-navigation a {
        color: #825f4f;
        display: block;
        text-decoration: none;
        font-family: Dosis, Helvetica, Arial, sans-serif;

    About footer

    #colophon {
    	font-family: Quicksand, Helvetica, Arial, sans-serif;/*Change with your own font*/
  7. kinyo42
    Posted 2 years ago #

    Dear deb76

    I am having the same problem here...

    trying to make a page by using category.

    I don't quite understand what you mentioned above.

    Could you kindly share the exactly way and your code to me??


  8. deb76
    Posted 2 years ago #

    Really sorry, I'm later...
    You can see below an example about one of my settings :

    .blog .hentry.no-thumbnail:hover,
    .archive .hentry.no-thumbnail:hover,
    .search .hentry.no-thumbnail:hover{
    	background: #fcc4bd;

    You have to apply this in all your settings.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.