Portfolio layout question - tags

Support
#1

Hello

I recently added tags to all my portfolio items. The first question I have is, are these tags SEO searchable? I imagine they are, but just curious if they are searchable with google.

The second thing I’m hoping to do is find a way to collapse the tags. Currently they run down the entire page and aesthetically are quite ugly. Is there a way to have them hidden or maybe collapsed them on the page? If someone wants to see them, they click a radio button and they open perhaps? If they are SEO friendly I dont want to remove them. I just want the portfolio video item to shine, not the tags.

thanks!

#2

Hi Chris,

It would be best to consult an SEO experts for the usage of the Wordpress tags as it is a broad topic.



This is possible through custom development. You will have to override the theme files that display the portfolio tags to convert them into radio buttons. As this fall under custom development, this goes beyond the scope of our support. You might want to get in touch with a developer if you are not certain how to proceed.

Hope this helps.

#3

Ok

Is there a simple way to have the box that displays the tags to appear below the video portfolio item?

thanks

#4

Hi Chris,

To achieve that, you can add the code below in Theme Options > CSS

.x-portfolio .entry-extra,
.x-portfolio .entry-info {
    float: none;
    margin:0 auto;
}

.x-portfolio .entry-extra {
    width:64%;
}

.x-portfolio .entry-info {
   width:64%;
}

You may change 64% to adjust.

Hope that helps

#5

Working. Thanks.

Is there a way to change the font size? It would be nice if it was smaller. Perhaps the same size and font type as the tags above it that Im entering into the portfolio page.

#6

Hi Chris,

To change the fontsize, you can add this in Theme Options > CSS

.single-x-portfolio ul.x-ul-icons li.x-li-icon a {
    font-size:15px;
}

Change 15px to adjust

Thanks

#7

thank u!!!

#8

Is there anyway to decrease the box holding the tags? Maybe decrease the padding between each tag? Look at how the equipment list is spaced nicely. Then the tags box is huge and has tons of wasted white space. Any way to clean this up a bit?

thanks for your help!

#9

Hey Chris,

To remove the white spaces and make the box look cleaner you can add the following code as well:

.single-x-portfolio li.x-li-icon {
    line-height: 15px;
}
@media screen and (min-width: 767px) {
    .single-x-portfolio .x-ul-icons, .single-x-portfolio .x-entry-share {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 1.355em);
    }
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#10

Fantastic!!! Massive thank you. Your support is over the top. Have a wonderful weekend. :slight_smile:

#11

You are most welcome!
We’re glad we were able to help you out.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.