• heidisews

    (@heidisews)


    I made a child theme for my blog, https://www.laineybugscloset.com, but now I’m confused about how to change things in my child theme. I’d like to start by changing the color of the circle that the date is in with each post.

Viewing 6 replies - 1 through 6 (of 6 total)
  • rushobangla

    (@rushobangla)

    In your child theme add the following code:
    .article .post-date{
    background:#FF4747;
    }
    Of course you want to change the color according to your need.Please change the color value as you desire. You need to find the class or id associated with the object. To do this,open your site in chrome browser,then right click on the thing you want to change and select Inspect Element. It will open up the window in the bottom of your screen,highlighting html element on the left and css on the right.

    Change the css on the right. When you are satisfied with the changes,select the css and paste it on your child theme css.Please visit the below link for more details.

    https://developers.google.com/chrome-developer-tools/

    Thread Starter heidisews

    (@heidisews)

    Thank you so much, it worked like a charm ?? I have been watching video after video trying to figure out how to know what css to change and how, you’ve been very helpful! I will download Chrome now (I’m in Safari) and give that try. Thanks again for you help!!

    rushobangla

    (@rushobangla)

    You are welcome. Every modern browser has its own built in developer tool.
    I always use Chrome. Safari has its own developer tool that works like Chrome’s. It is disabled by default.To activate it go to the setting at the top right corner of safari. It looks like a wheel icon.Next,select preference>Advanced and put a tick mark on Show Develop menu in menu bar.

    Now you go to your site,right click on an element and select Inspect Element. All other things are same.

    Thread Starter heidisews

    (@heidisews)

    I ended up using FireBug in FireFox in the end. I was able to make a few changes now that I have utilized that tool but there is one area that is completely stumping me. The code looks very different from the other things I’ve changed. It’s the “Category” text underneath my Post title when on the home page. I used the select tool to see the css for it but the code is so different looking that I don’t know how to go about getting rid of it or hiding it. Do you know how I do that? Here is what the code looks like:

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    }

    Is this even the correct css for that category text?

    rushobangla

    (@rushobangla)

    To hide this Category please add the following code in your child theme css:
    .post-category{
    display:none;
    }
    I think it will work.Thanks

    Thread Starter heidisews

    (@heidisews)

    Thank you so much ?? I knew I had to add display:none somewhere but I couldn’t figure out where!! Other than some plugins I think I’m finally done creating my site, thank you so much for your help!!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change date circle color adelle’ is closed to new replies.