Portfolio page styling

[markmuz]

Hi guys,

Just working on the portfolio pages on my sight and I’ve got quite far with using inspect element and adding custom CSS. There’s just a few bits I couldn’t work out how to do:

1. On the main journal landing page: https://thelevelcollective.com/journal/

a) I would like to reduce the spacing below the filter items, how can i reduce
b) How can i remove the hr below the portfolio filters
c) How can I change the SHOW ALL to be Uppercase please?
d) How can I remove the number next to each of the filter items which says how many portfolio items are relating to it eg. “DESIGN 1”
e) How can i remove the shadow which appears on the hover over the excerpt text (see screenshot 2)

2. On the individual blog pages https://thelevelcollective.com/?portfolio=faster-to-fly-2

How can I hide the date and the portfolio item category and paper clip icon please?

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[markmuz]

…oh sorry, one more thing. These annoying white gaps seems to have appeared on my homepage – http://www.thelevelcollective.com – see attached screenshots

Can you tell me how to remove them

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

1- a)

.fw-row .spb_portfolio_widget .title-wrap {
    margin-bottom: 0px!important;
}

1- b)

.fw-row .spb_portfolio_widget .title-wrap {
     border-bottom: none!important;
}

1- c)

.post-filter-tabs .item-name {
    text-transform: uppercase!important;
}

1- d)

.post-filter-tabs li a>sup {
    display: none!important;
}

2)

.single-portfolio .portfolio-categories, .item-details time{
 display:none;
}

Add this one for the gaps

@media (min-width: 768px){
.home .spb_text_column {
    margin-bottom: 0px!important;
}
}

Just missing 1-e), need to ask a colleague.

-Rui

[Rui Guerreiro – SUPPORT]

Here it goes

1- e)

 .portfolio-item.masonry-item:hover .portfolio-item-details {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

-Rui

[markmuz]

HI Rui,

Thanks for your help, but this coding doesn’t seem to have got rid of the white gaps, in fact it looks like anouther white gap has appeared on the right hand side too. If you could help me these then that would be great. (see attached screen shots)

How quick is my website for you? it seems really slow to me. Your site seems super quick even though it’s loading a lot, can you recommend someone fast hosting please?

Just a quick question about another website I’m working on with this template if you don’t mind.

http://www.prettygoodproject.org/shop/

I just want to be able to hide the product category from beneath each product image. See screenshot.I want to get rid of “All” and “looking good” please

Thanks for your help

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) I see no white gaps on your homepage, what browser and OS do you experience this on?

2) Your site is fast for me, this depends on many factors but you can take a closer look using tools such as this: tools.pingdom.com.

3) Please open a new ticket for new unrelated issues. You can use the CSS display to hide that on the class: .products .product .product-details .posted_in { }