Ethos portfolio tags

[rvpcindy]

Hi,

I am wondering if its possible to display the portfolio tags horizontally instead of vertically. Here is an image of what it currently looks like:

You can see it here: http://new.southernoregonfamily.com/lets-go/garfield-water-spray-park-ashland-oregon/

Thank you

[nico]

Hi @rvpcindy,

Thanks for writing in.

You can use this code in your custom CSS:

.x-portfolio .entry-extra .x-ul-tags li a{
          display: block;
          float: left;
          width: 120px;
}

Adjust the width or code according to your desired style or position.

Hope it helps.

Let us know how it goes.

Thanks.

[rvpcindy]

Hi Nico,

That works, but it doesn’t look just right for responsive viewing. When the screen size is made smaller, the share button title gets pushed over to make room for the second row of tags. Also, the top line above the is not centered above the tags. Can the tags also be centered justified instead of left justified?

Thank you

[christian]

Please replace what @nico gave you with this code.

.x-ul-tags li {
    display: inline-block;
    margin: 10px
}

.x-ul-tags li a {
    border-top: 0;
}

Here’s what it will look like.

The Ethos tags was designed that way because it’s original display is in the sidebar. Since we used custom CSS to modify it, issues arising from the use of the custom code and further enhancements would be outside the scope of our support.

We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at [email protected] if this is of interest to you.

Thank you for your understanding.