Adding grahpics in top category menu

  • Author
    Posts
  • #161704

    vleksander98
    Member
    Original poster

    Hi, it is me again >.>

    A good friend of mine recently made me some cool graphics to add some visual value to my site. He made me one image for each of the most important categories on my site. I would really like to know if there is any way to add them like on the top of each category (while also lower the category name itself) just like I tried to show on ‘picture1’ which I ve included below.

    picture1

    The second, but much less important feature I would like to add to my site is the thing I tried to show in ‘picture2’. It would be cool if when user is visiting cetrain category, the correct image will apear on left-top side of feed. (while the category name and its summary will be pushed towards right side). There is also this “Kategoria:” word between each category name I would like to rid off.

    picture2

    If you could tell me how to change any of this I would be really gratefull :)
    The first thing is much more important for me so you can skip the second part of my post If thats is something hard to achieve (I dont know CSS so I have no idea :/)

    The blog I need help with is: mush.pl

    #161746

    tarasdashkevych
    Theme Author

    Hello Aleksander,

    I am going to create step-by-step instructions for your questions #1 and #2 since WordPress does not provide options for uploading images in these sections by default.

    I’ll let you know when it’s ready.

    To hide the category text, please use this custom CSS:

    
    /* hide Category text in category archive views. */
    .archive.category .page-header .page-title > span:first-of-type {
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
      word-wrap: normal !important;
    }
    

    Kind regards,
    Taras

    #161753

    vleksander98
    Member
    Original poster

    Thank you a lot! I am waiting for the instructions. Have a beautifull day!

    #161767

    tarasdashkevych
    Theme Author

    Aleksander,

    – See this solution for your question #1 about adding a custom image to a menu item: https://themesharbor.com/add-image-to-menu-item-in-wordpress/
    – See this solution for your question #2 about adding a custom image to a category page header: https://themesharbor.com/add-image-to-category-page-header-in-wordpress/

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #161808

    vleksander98
    Member
    Original poster

    Oh wow, thanks! that will be really helpfull. I ll try to make the changes today, since I didnt have time yesterday.

    Thanks for good explanation and have a beautifull day! :)

    #161902

    tarasdashkevych
    Theme Author

    You are very welcome, Aleksander! :)

    Kind regards,
    Taras

The topic ‘Adding grahpics in top category menu’ is closed to new replies.