Hide portfolio type, title and page name on SNAPS theme

jlosites2011 · Member · Feb 10, 2016 at 1:39 pm
Copy link

Add topic to favorites
I am using the SNAPS theme, which is a portfolio theme.The site is:
https://accessconsciousnessjp.wordpress.com/

On the home page, I would like to remove from view:
a. the word HOME
b. the portfolio type
c. the titles of the books but I would like to keep the titles of the events.

Can you remove these items (or some of them) using shortcode? Or is CSS my only choice? (I tried some CSS but it wasn’t working…) I feel like I am missing something really obvious, but it’s just not coming together. I’m loving the theme, tho!

The blog I need help with is: (visible only to logged in users)
carladoria · Member · Feb 10, 2016 at 3:42 pm
Copy link
Hi there,
To remove the word “Home” try this:

.entry-title {
display: none;
}

To remove the Type for portfolios, try this:

.jetpack-portfolio-shortcode .project-types, .jetpack-portfolio-shortcode .project-tags {
padding: 4px 0;
display: none;
}

To remove the titles of the books, try this:

.jetpack-portfolio-shortcode.column-5 .portfolio-entry-title, .jetpack-portfolio-shortcode.column-6 .portfolio-entry-title {
font-size: 1.1em;
display: none;
}

I hope this helps.
jlosites2011 · Member · Feb 10, 2016 at 8:45 pm
Copy link
Thank you @carladoria! I will give it a try.

I have another question–I think about the actual theme. Not sure if I am supposed to make a new thread or post in another forum…

I have the shortcode ‘[portfolio display_types=true display_tags=false include_type=books, columns=3 showposts=10 orderby=title]’ on the page:

https://accessconsciousnessjp.wordpress.com/books/

The portfolios are displayed… which I want…then all of the featured images from ALL of the display types are being displayed beneath that (which I don’t want). Is my above shortcode incorrect? Is a theme issue or a jetpack issue? Or something else?

Many thanks!
thesacredpath · Member · Feb 10, 2016 at 9:00 pm
Copy link
Are you talking about the section at the bottom? If so, that is a feature of the theme where it will show additional projects for people to click on. If you wish to hide that section, use the following CSS.
```
.site-content #projects {
    display: none;
}
```
jlosites2011 · Member · Feb 10, 2016 at 9:06 pm
Copy link
Oh! Understood. Thank you @thesacredpath! I will add that, too! :)
carladoria · Member · Feb 10, 2016 at 9:11 pm
Copy link
Hi there,
I’m not sure if I follow you well, but in the page you mention, you have 5 books projects with their description and then a list of other 10 images also appear. If you’re only trying to display the first 5, then maybe it would be good to ensure that the portfolio type “books” has only been assigned to the first 5. Then if you only need to display the first 5, maybe you can try changing the showposts value to 5.
Other than that, maybe other members can also give you better help on this.
If nobody else jumps in, then you can always add the “modlook” tag to this thread to get WP staff attention.
carladoria · Member · Feb 10, 2016 at 9:12 pm
Copy link
@thesacredpath
Oh! I didn’t see your reply. Glad to know you were able to provide better help ;)
thesacredpath · Member · Feb 10, 2016 at 9:14 pm
Copy link
jlosites2011, you are welcome.

@carladoria, no worries, and thanks a lot for your help in the forums. It is greatly appreciated.
jlosites2011 · Member · Feb 11, 2016 at 3:29 am
Copy link
One more question about SNAPS. :-)

I just realized the header “image will be cropped for small screens to fit the available space, which means not all of the header image will be visible on all screen sizes. It’s also recommended that you start with an image that’s at least 1200 pixels wide by 500 pixels high.”

Is there any way to know what the smallest size the header will be cropped to?

I would actually like to use the header as valuable web-site real estate… I admit that I didn’t realize the header would be cropped instead of resized… What other choices do I have here to keep it professional looking?
thesacredpath · Member · Feb 11, 2016 at 7:08 am
Copy link
The crop is wholly dependent on the size of the screen. If viewing on an iPhone 4/5, it would be 320px in width. The right side of your header image starts to go off the right of the screen around 1130px in window width. We can use Media Queries to adjust things on Snaps. Add this to your custom CSS below any CSS you already have and then narrow and widen your browser window and view on a tablet and phone. There are some limits to what we can do, but at least this will keep your text in the image where people can see it.
```
@media screen and (max-width: 1150px) {
  #masthead {
    background-position: 90% center;
  }
}
@media screen and (max-width: 800px) {
  #masthead {
    background-size: auto 450px;
  }
}
@media screen and (max-width: 600px) {
  #masthead {
    background-size: auto 350px;
  }
}
@media screen and (max-width: 500px) {
  #masthead {
    background-size: auto 300px;
  }
}
@media screen and (max-width: 350px) {
  #masthead {
    background-size: auto 300px;
  }
}
```
jlosites2011 · Member · Feb 11, 2016 at 4:46 pm
Copy link
Thank you, @thesacredpath. This was extremely helpful and will make things much easier going forward!!
thesacredpath · Member · Feb 11, 2016 at 9:00 pm
Copy link
You are welcome.

No items found.