• Resolved karmamk

    (@karmamk)


    how to change color on this :

    <span class=”meta-cat”><i class=”icon-book”></i> <?php the_category(‘, ‘); ?></span>

    category color , how and where to put color, thx

Viewing 12 replies - 1 through 12 (of 12 total)
  • try to put into style.css of a child theme or per ‘custom CSS’ plugin:

    .meta-cat a { color: green; }

    you have not posted enough information for a more precise suggestion; https://codex.www.ads-software.com/Forum_Welcome#Include_as_much_information_as_possible

    Thread Starter karmamk

    (@karmamk)

    Thread Starter karmamk

    (@karmamk)

    that doesnt work .meta-cat a { color: green; }

    Looks like you need:

    .post-meta .meta-cat a {
        color: green;
    }
    Thread Starter karmamk

    (@karmamk)

    can it have background too? like red background and white font? thx btw that works ??

    Thread Starter karmamk

    (@karmamk)

    something like “read more” button u can see but its translated to my language “прочита?” , something like that

    Try something like this:

    color: #FFF;
    background: #dd3333 url(img/date-bg.png) repeat-x bottom;
    padding: 5px 7px 5px 7px;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    Adjust the values for padding until it looks right.

    Thread Starter karmamk

    (@karmamk)

    it doesnt work that

    Thread Starter karmamk

    (@karmamk)

    thx mate that helped me alot

    .post-meta .meta-cat a {
    color: green;
    }

    Thread Starter karmamk

    (@karmamk)

    it ill be good if i just wanna make em bold

    Sorry. I left out a part on my last post. Try something like this:

    .post-meta .meta-cat a {
    color: #FFF;
    background: #dd3333 url(img/date-bg.png) repeat-x bottom;
    padding: 5px 7px 5px 7px;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }
    Thread Starter karmamk

    (@karmamk)

    thx very much, u did great job mate ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘change color’ is closed to new replies.