Support » Theme: Appointment Green » tweaking css in appointment green doesn’t work

  • Resolved nikkiwp

    (@nikkiwp)


    Hi!

    for my website I am using the Appointment green theme (current URL: ds.it-works.nl). I wanted to make a few small tweaks in the css. For example: making the breadcrumbs disapear and changing the showing title of a category (In my website the menu item ‘Actueel’ which used to say Category Archive Actueel). I found the right codes and tried to add them in the style.css of appointment green but nothing changed. When I changed it in the main theme’s stylesheet it did work and I got the changes I wanted. Except now everytime the main theme will have an update my changes will disapear… How can I add the changes and where without losing them? Hope to hear from you soon 🙂

    Nikki

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @nikkiwp

    Can you tell me what kind of style you use and what else to use?

    If you want to change style related, you can also use custom css (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    Thanks

    • This reply was modified 2 years, 7 months ago by  Imran Ali.

    Hi!

    Thanks for the quick reply!

    One of the parts which I am trying to change comes from category.php

    In that document there is a part saying:
    <h1><?php echo _e(‘Category Archive’,’appointment’); echo ‘ ‘; echo single_cat_title(“”, false); ?></h1>

    And when I changed it to:
    <h1><?php echo _e(”); echo ‘ ‘; echo single_cat_title(“”, false); ?></h1>

    I was only left with the title that I gave that category which is “Actueel”. That way it looks like a normal page title instead of something else towards the reader. But like I said, I changed this in the normal theme for it to work. I don’t know too much about these kind of things so I use the internet and try to tweak and learn as I go 😉 If you have any tips? I tried this part in custom css but that didn’t work.

    The breadcrumbs I put back to the original css: .page-breadcrumb > li { display: inline-block; padding: 0; }

    Instead of what I did: .page-breadcrumb > li { display:none; }
    Eventhough it’s back to original, they don’t show… Which for me is good 🙂 Eventhough I don’t understand why..

    Thanks!

    Hi @nikkiwp

    Do you want to look like a below screenshot, Please confirm

    http://prnt.sc/expwf6

    Thanks

    Hi!

    Yes! Exactly! 🙂 I also see that the breadcrumbs re-apeared in the screenshot. Both of them I need to change.

    Thanks

    Hi @nikkiwp

    For this, first of all, copy category.php file from the parent theme, then you paste category.php file in the child theme, then you copy the code from the following link and paste the child theme into category.php file.

    https://pastebin.com/kPLTvPeJ

    Using below code for breadcrumb in custom css filed (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed).

    .page-title-section .overlay {
       padding: 30px 0 30px !important;
    }

    Change padding size according to your need.

    Thanks

    • This reply was modified 2 years, 6 months ago by  Imran Ali.

    The link won’t open unfortunately…

    Hi @nikkiwp

    Kindly check below screenshot working perfectly our end.

    http://prntscr.com/extm80

    No matter you can use this link- https://pastebin.com/9TzqAh9B

    Thanks

    • This reply was modified 2 years, 6 months ago by  Imran Ali.

    It’s working now! Thanks for the assistance!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘tweaking css in appointment green doesn’t work’ is closed to new replies.