Home › Forums › WoodMart support forum › CSS on Tags?

CSS on Tags?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 30, 2019 at 5:01 pm #160197

    silentmedia
    Participant

    Hello!

    I was trying to add some CSS to Product Tags but I see the individual Tags have no CSS style attached. See attached screen shot. I want to add border around each Tag.

    I have made child copy of meta.php but I don’t know how to add a style sheet (e.g ‘tag-style’) to each tag on below code?

    	<?php echo wc_get_product_tag_list( $product->get_id(), '<span class="meta-sep">,</span> ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' ); ?>
    November 30, 2019 at 8:48 pm #160224

    Elise Noromit
    Member

    Hello,

    Please describe what the purpose is, what do you want to change and provide the URL. Please remove the code you tried to add not to destroy the site.

    Best Regards

    November 30, 2019 at 9:30 pm #160229

    silentmedia
    Participant

    Hi Elise,

    I didn’t make any changes yet 🙂

    So I am trying just to add some CSS to Tags shown on products pages. I just want to put a border around them.

    I did sketch on attached screenshot.

    Attachments:
    You must be logged in to view attached files.
    November 30, 2019 at 9:31 pm #160231

    silentmedia
    Participant

    Or maybe just underline so user know tag is hyperlink

    November 30, 2019 at 11:07 pm #160252

    Elise Noromit
    Member

    Hello,

    You need to add all the CSS to the Theme Setting > Custom CSS, do not do it by means of PHP, please.

    Best Regards

    December 1, 2019 at 10:56 am #160298

    silentmedia
    Participant

    Ok. I will not change PHP

    But the problem is that there is no CSS assigned to the Tags?

    December 1, 2019 at 11:11 am #160306

    Elise Noromit
    Member

    Hello,

    Please provide page URL and screen with what you want to change with CSS.

    Best Regards

    December 1, 2019 at 11:15 am #160311

    silentmedia
    Participant

    hi i already provided this 2 times above…

    December 1, 2019 at 12:45 pm #160340

    silentmedia
    Participant

    Hello!

    I managed to do it.

    /* Border around tags */
    span.tagged_as a {
    color: cadetblue;
    border: #636363 1px solid;
    border-radius: 5px;
    padding: 4px;
    }

    December 1, 2019 at 5:11 pm #160392

    Elise Noromit
    Member

    That is fine. If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)