Home Forums WoodMart support forum CSS on Tags?

CSS on Tags?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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>' ); ?>
    
    #160224

    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

    #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.
    #160231

    silentmedia
    Participant

    Or maybe just underline so user know tag is hyperlink

    #160252

    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

    #160298

    silentmedia
    Participant

    Ok. I will not change PHP

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

    #160306

    Hello,

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

    Best Regards

    #160311

    silentmedia
    Participant

    hi i already provided this 2 times above…

    #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;
    }

    #160392

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

    Best Regards

Viewing 10 posts - 1 through 10 (of 10 total)