WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. deb76
    Member
    Posted 1 year ago #

    Hello!

    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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    Hello deb76,

    How did you install your fonts : Raleway and Dosis ?

    Thank you.

  4. deb76
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 11 months 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??

    Appreciate!!

  8. deb76
    Member
    Posted 10 months 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.

    Bye

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.