I seem to be having a little trouble.

I am using the Integrity 9 stack, and absolutely love it, however, I would like to make a slight alteration to the portfolio pages.
On the right to the content is what appears to be a side bar; I don’t want that.
Example page: http://theme.co/x/demo/integrity/9/portfolio-item/sierra-farm/

I’d like to make my typed content full width.

I’ve tried to use some intelligence and entered this into the CSS part of the Customizer:
“.x-portfolio .entry-info {
width:100%!important;
max-width:100%!important;
}

.x-portfolio .entry-extra {
width:100%!important;
max-width:100%!important;
margin-top: 10px;
}”
All it achieved was putting the social icons underneath the typed content, but the sidebar remained. (Except now it was empty)

Any help or advice that you can provide would be extremely appreciated. Thank you. x

@media (min-width: 1024px){
.x-portfolio .entry-info {
width: 100%;
}
.x-portfolio .entry-extra {
  width: 100%;
  position: relative;
  padding-top: 130px;
}
.x-portfolio .x-entry-share {
  position: absolute;
  top: 20px;
  width: 100%;
}
}

Hope it helps.

Another question I have; is there a way to centre align gallery thumbnails?
For me they all seem to snuggle over to the left.

Sure, that’s possible 🙂 but you should provide your url address first so we could check it.

Thanks!

It may appear a little confusing; I am working on two separate websites.
My initial question asking about 1 site which I have used Integrity 9, and this question for a website using Icon 10.

I find this an ideal opportunity to say that I bitterly love X Theme, which is why I have had no issue in buying it twice for two different projects! 😀

Thank you for providing your url.

To have it centered, you can add this under Custom > CSS in the Customizer.

body .gallery .gallery-item {
   display: inline-block;
   float: none;
}

Hope that helps.

This is the code I added to my Custom CSS via Customize:

@media (min-width: 1024px){
.x-portfolio .entry-info {
width: 100%;
}
.x-portfolio .entry-extra {
  width: 100%;
  position: relative;
  padding-top: 130px;
}
.x-portfolio .x-entry-share {
  position: absolute;
  top: 20px;
  width: 100%;
}

But the alignment is off at the bottom. See screenshot: http://screencast.com/t/v8ml3UVYB

What I’d like to be able to do is:

1) Fix the overextension of those lines in the screenshot
2) Remove the outer box that surrounds this section
3) Center the “Launch Project” over the button

Can you let me know how to do this? Thank you! 🙂

Let’s update your code to following :

@media (min-width: 1024px){
.x-portfolio .entry-info {
width: 100%;
}
.x-portfolio .entry-extra {
  width: 100%;
  position: relative;
  padding-top: 130px;
}
.x-portfolio .x-entry-share {
  position: absolute;
  top: 20px;
  width: 95%;
}

.x-portfolio .entry-extra {
  border: medium none;
}

.x-portfolio .h-extra.launch {
  text-align: center;
}
}

Hope this helps.

Cheers!