Change Portfolio Category Page

[rendisis]

Hi, I would like to get a minor change on my portfolio category page like this:

• Eliminate “Sort Portfolio” button
• The background text on the thumbnail become blue (RGB(28, 69, 146)), since the text become white
• Eliminate link symbol on the picture when hover.

How to achieve this?

Thank you in advance for your help. The link and admin access i share in secure note.

Best,
Rendy

[lely]

Hi Rendy,

Those changes can be achieve using custom CSS Try adding the following on Theme Options > Global CSS:

.page-template-template-layout-portfolio ul.option-set.unstyled {
    display: none; /*Hide Sort button*/
}
.page-template-template-layout-portfolio .entry-thumb:before { /*hide link on hover*/
    content: "";
    background: transparent;
}
.page-template-template-layout-portfolio .entry-thumb {
    background-color: rgb(28, 69, 146); /*Not sure if this is the background you are referring too.*/
}

On other cases, changes are beyond the scope if it’s include too much customization like structure changes. Since this is minor and can be fixed using custom CSS, I have provide some code. Please note that is not always the case.

Hope this helps.

[rendisis]

Thank you, yes i just need to change the color, i believe it’s can be done just using CSS. For the sort button and link icon, it’s exactly what i need. But the background color that i mentioned before is the thumbnail text, such as “Fixed Grille”, “V Grille”, in my case. I want to make the font color into white since the background of the text becomes blue rgb(28, 69, 146), instead of just black font at white background.

Kindly help me on this

Best,
Rendy

[christian]

Hey Rendy,

Please add this CSS:

.x-iso-container-portfolio .entry-wrap {
    background-color: rgb(28, 69, 146);
}
.x-iso-container-portfolio .entry-wrap a {
    color: white;
}

Hope that helps.