2 style changes - Forum | JoomShaper
Staff replied Templates

2 style changes

Asked by Jeff Honeyager 5 years ago Last activity 5 years ago

Finion Template.

Take a look at the screen shot: https://imgur.com/a/ddKpmND

  1. The Share: icons are vertically displayd at the far right - I want to put them just under the "Ratings" and make them horizontally displayed
  2. Change the "Tags" - I want to put a margin above the Tag and want to display the tags as buttons.

I can't find the styling for the Tags - I tried to change them in a custom.css file in multiple place to no avail.

Thanks

3 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Jeff Honeyager

Please share the page link to check.

Best regards

Ofi Khan Staff
5 years ago

  1. Please use this CSS to Template Options -> Custom Code -> Custom CSS

    .article-ratings-social-share {
 display: block !important;
}
.article-social-share ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: flex;
}
.article-social-share ul li{
 padding: 5px;
}

  2. For making tags as buttons, you can edit this file: templates/finion/html/com_content/article/default.php or you can try this CSS to give it a button look.

.tags li a{
    border: 2px solid #000;
    padding: 10px;
}
.tags li{
    margin-top: 10px;
}
Log in to reply.