2 Style Changes - Question | JoomShaper
Back to the questions

2 Style Changes

JH

Jeff Honeyager

Template 4 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

0
3 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #28536

Hello Jeff Honeyager

Please share the page link to check.

Best regards

0
JH
Jeff Honeyager
Accepted Answer
4 years ago #28633

https://bigboyzshorts.com/focus/spirit/truth

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #28801

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