jasperh

Hi Tahoe,

thanks for helping me out, this is the link to my website (under construction): https://www.derest.nl
Now i know why the social menu was on the left side, it’s because i edit this to my CSS

.site-info {
	display: none;
}

Now i removed it and the social menu is back on the right. But how can i remove the site-info and keep the social-menu on the right side?

Cheers

Hi Kathryn,

i use your ‘Orvis Custom Colours – grey/black on white background’ in my CSS, and it woks perfect!
But now i want to change the color of all links into reddish (like in the Illustratr Theme) wish color codes do i need to change? (There are so many color codes ;))

Thanks!

And i want to post my total CSS so you can take a look, but it won’t stay in this post ??

I’m such an amateur, sorry. But thanks for helping me out!

And this is how my CSS looks right now:

/*
No site info 
*/
.site-info {
	display: none;
}

/*
Orvis Custom Colours - grey/black on white background
*/
.portfolio-wrapper .project-info .entry-title a,.portfolio-wrapper .project-info .entry-title a:focus,.portfolio-wrapper .project-info .entry-title a:hover {
	color: #fff;
}

.portfolio-wrapper .project-info .entry-meta,.portfolio-wrapper .project-info .entry-meta a,.portfolio-wrapper .project-info .entry-meta a:focus,.portfolio-wrapper .project-info .entry-meta a:hover {
	color: #a0a0a0;
}

#comments #respond .form-submit input#comment-submit:focus,#comments #respond .form-submit input#comment-submit:hover {
	color: inherit !important;
	opacity: .75;
}

#infinite-footer,.main-navigation ul ul,.site .tiled-gallery-caption,body {
	background-color: #fff;
}

.dropdown-toggle:focus,.dropdown-toggle:hover,.menu-toggle:active,.menu-toggle:focus,input[type="email"],input[type="password"],input[type="search"],input[type="text"],input[type="url"],ins,mark,textarea {
	color: #fff;
}

.dropdown-toggle:focus,.dropdown-toggle:hover,.menu-toggle:active,.menu-toggle:focus,hr,input[type="email"],input[type="password"],input[type="search"],input[type="text"],input[type="url"],textarea,#comments .comment #comment-form-share-text-padder,#comments .comment #respond #comment-form-comment,#comments .comment #respond .comment-form-fields div.comment-form-input {
	background-color: #202020;
}

.dropdown-toggle:focus,.dropdown-toggle:hover,.menu-toggle:active,.menu-toggle:focus,input[type="email"],input[type="password"],input[type="search"],input[type="text"],input[type="url"],textarea,.jetpack-portfolio .image-link,.widget.top_rated ul {
	border-color: #202020;
}

#infinite-footer .container,.entry-title a:focus,.entry-title a:hover,.infinite-loader .spinner div,.jetpack-portfolio .image-link,.page-links>span,.page-links a,.page-links a:focus,.page-links a:hover,.portfolio-entry-title a:focus,.portfolio-entry-title a:hover,.site .jetpack-social-navigation a:focus,.site .jetpack-social-navigation a:hover,.site-title a:focus,.site-title a:hover,.widget_calendar tbody a:focus,.widget_calendar tbody a:hover,a,blockquote cite,blockquote small,body,button,input,input[type="button"],input[type="email"]:focus,input[type="password"]:focus,input[type="reset"],input[type="search"]:focus,input[type="submit"],input[type="text"]:focus,input[type="url"]:focus,select,textarea,textarea:focus,#comments #comment-form-share-text-padder,#comments #comment-form-share-text-padder textarea,#comments #respond #comment-form-comment,#comments #respond #comment-form-comment textarea,#comments #respond #comment-form-identity #comment-form-nascar p,#comments #respond #comment-form-load-service p,#comments #respond .comment-form-fields div.comment-form-input,#comments #respond .comment-form-fields div.comment-form-input input,#comments #respond .comment-form-fields p.comment-form-log-out,#comments #respond .comment-form-fields p.comment-form-posting-as,#comments #respond .form-submit,.widget_akismet_widget .a-stats a,.widget_flickr #flickr_badge_uber_wrapper td a:last-child {
	color: #202020;
}

code,kbd,pre,tt,var {
	color: #202020;
}

ins,mark,.menu-toggle:active:hover,.menu-toggle:focus:hover {
	background-color: #707070;
}

button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover,.jetpack-portfolio.hover:not(.has-post-thumbnail) .project-info,.menu-toggle:active:hover,.menu-toggle:focus:hover {
	border-color: #707070;
}

#infinite-footer .blog-credits,#infinite-footer .blog-credits a,#infinite-footer .blog-credits a:hover,#infinite-footer .blog-info a,#infinite-footer .blog-info a:hover,#infinite-handle span button:focus,#infinite-handle span button:hover,.comment-metadata,.comment-metadata a,.comments-area .comment-likes .comment-like-feedback,.entry-footer,.entry-footer a,.entry-meta,.entry-meta a,.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-context,.hentry div.sd-rating h3.sd-title,.hentry div.sharedaddy h3.sd-title,.jetpack-portfolio:not(.has-post-thumbnail) .project-info .entry-meta,.jetpack-portfolio:not(.has-post-thumbnail) .project-info .entry-meta a,.page-links>.page-links-title,.page-links a,.pd-rating,.portfolio-entry-meta,.portfolio-entry-meta a,.post-navigation .meta-nav,.site .tiled-gallery-caption,.site-content .contact-form label span,.site-content .jetpack-recipe .jetpack-recipe-meta,.site-description,.site-footer,.site-footer a,.taxonomy-description,.widget_goodreads div[class^="gr_custom_author"],.widget_goodreads div[class^="gr_custom_title"] a:focus,.widget_goodreads div[class^="gr_custom_title"] a:hover,.widget_jetpack_display_posts_widget .jetpack-display-remote-posts p,.widget_recent_entries .post-date,.widget_rss .rss-date,.widget_rss .rssSummary,.widget_rss cite,.wp-caption-text,a:active,a:focus,a:hover,blockquote,button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover,#comments #comment-form-share-text-padder textarea,#comments #respond #comment-form-comment textarea,#comments #respond .comment-form-service a:focus,#comments #respond .comment-form-service a:hover,#comments #respond form *,#comments #respond p.comment-subscription-form label,.widget.top_rated #top_posts,.widget_akismet_widget .a-stats a:focus,.widget_akismet_widget .a-stats a:hover,.widget_flickr #flickr_badge_uber_wrapper td a:last-child:focus,.widget_flickr #flickr_badge_uber_wrapper td a:last-child:hover,.widget_upcoming_events_widget .event-when {
	color: #707070;
}

#comments #respond .comment-form-fields label,#comments #respond .comment-form-fields label span.nopublish,#comments #respond .comment-form-fields label span.required {
	color: #919191;
}

:-moz-placeholder {
	color: #919191;
}

::-moz-placeholder {
	color: #919191;
}

:-ms-input-placeholder {
	color: #919191;
}

::-webkit-input-placeholder {
	color: #919191;
}

::input-placeholder {
	color: #919191;
}

.site .jetpack-social-navigation a {
	color: #636363;
}

#infinite-handle:before,.archive:not([class*="jetpack-portfolio"]) .hentry+.hentry:before,.blog .hentry+.hentry:before,.comment-respond:before,.comments-title:before,.infinite-loader:before,.infinite-wrap .hentry:before,.no-comments:before,.page-content .widget:before,.page-header:after,.page-links>span,.page-links a,.search .hentry+.hentry:before,.site .jetpack-social-navigation a,.site-footer:before,.site-main .post-navigation:before,.site-main .posts-navigation:before,.widget-area:before,.widget:not(:first-of-type):before,.widget_calendar tbody a,.widget_wpcom_social_media_icons_widget a,code,div#jp-relatedposts:before,kbd,pre,tt,var {
	background-color: #eee;
}

blockquote,body .hentry .wpcom-reblog-snapshot .reblogger-note-content blockquote {
	border-left-color: #eee;
}

.rtl blockquote,.rtl .hentry .wpcom-reblog-snapshot .reblogger-note-content blockquote {
	border-right-color: #eee;
}

/*
Hide all pictures  
*/
.home .jetpack-portfolio-type-all-pictures {
	display: none;
}

Hi Siobhan,

the code that won’t stay in my CSS is:

<div id="jig1" class="justified-image-grid jig-d52187bd93d0198e946dfb09a3b6f7c3 jig-preset-global jig-no-touch" style="width: 276px;">

Hi Siobhan,

this is exactly what i was looking for. Thank you so much!

Nice day!

Hi Kathryn,

i’v changed back to the Orvis theme, but my frontpage question is still unsolved, maybe i want to use “Jetpack Portfolio” for the wrong purpose. This is what i intent:

– on my frontpage i want te have a selection of highlights of my projects
– than when you click on a highlight you see a description (on the left) and pictures on the right
– under the description i want to put a link that goos to a page where you can find “all pictures”
– but: when i make projects for the “all picture” page they also appear on the frontpage

Is this a clear description of my issue and how can i solve this?

Thanks for helping me out and sorry for me being an absolute beginner ??

Have a nice day!

Hi Kathryn,

something strange: when i put the custom CSS you provided into my CSS-stylesheeteditor and click on “save” than the hole code is gone. I have tried it different times and with the use off {}
What am i doing wrong? I’ve put in my stylesheeteditor the custom CSS for “Orvis Custom Colours – grey/black on white background” and this have done magic, thanks for it!

Have a nice day!

Hi Kathryn,

this is the page where ‘justified image grid’ shows the photos on the left site: https://derest.nl/portfolio/de-rest-speelt-2016/

It would be really great if you can figure this out!

Thanks for reply, so helpful! But now i have a new question (or four):
1. is is also possible to make a front page that goes directly to: https://derest.nl/project-type/highlights/
2. when i make a page and use the portfolio short code i loose the (red) hover effect of the Illustratr theme – how can i get it on a page?
3. when i make page and use a short code it shows much smaller then when i go directly to to the portfolio archive – can i have it both in the same size
4. when i make a page withe the short code and go to mobile i see two columns but the images stick together

Can you help me with this?
Thanks in advance

Hello Kathryn, thanks for the reply! I marked it as resolved because i bummed into on other issue and i changed the theme to Illustratr. But if you (maybe) can solve this issue i change back and start building.

The issue is that im using ‘justified image grid’ to show my foto’s (so i can use flickr) but when i post the shortcode in the Orvis theme. Orvis don’t now this is a photo so everything stays on the left side.

Shortcode example: [justified_image_grid flickr_user=143700726@N03 flickr_photoset=72157669984121350]

What to do?
Thanks and pardon my english ??