CSS Customization in Intergalactic theme

ovnigraphic · Member · Oct 20, 2014 at 11:43 am
Copy link

Add topic to favorites
Hi, I just changed my theme to intergalactic and would like to try to solve some issues…. Hope you can help me with these on the home page….

How could i keep the black line where the page title text is displayed, but without the text ? I placed an “o” at the moment, but that’s not so nice…

Would it be possible to make the page text area a bit wider ? Now it looks all shrinked compare to the upper part…

My blog title is no aligned, I tried every different alignement, but nothing moves…

I tried to embed some portfolio with this….
[portfolio display_types=true display_tags=false include_type=graphic-design columns=3 showposts=10]
But it appears all messed up…. Font title are huge; purple….

Sorry I ask so many things at a time….

Thank you
Emmanuel

The blog I need help with is: (visible only to logged in users)
ovnigraphic · Member · Oct 20, 2014 at 12:00 pm
Copy link
HI, having more trouble….
When opening one of my project portfolio
http://ovnigraphic.com/portfolio/stationary-designs/

would it be possible to remove
Posted on octobre 20, 2014 by ovnigraphic

would it also be possible to remove the previous post and next post button ?

Also would it be possible to reduce the height of the top black stripe? and in fact display there the main image, the same way that on this page ?
http://ovnigraphic.com/project-type/graphic-design/

On the portfolio pages, when the gallery is set to slideshow, is there a way to make it bigger ?
http://ovnigraphic.com/portfolio/designing-4-designing/

Again a lot of questions…
Thank you
thesacredpath · Member · Oct 20, 2014 at 6:02 pm
Copy link
Hi there,

How could i keep the black line where the page title text is displayed, but without the text ? I placed an “o” at the moment, but that’s not so nice…

The below will hide the page title on all static pages, but leave the black band.
```
.page .entry-title {
    color: rgba(0, 0, 0, 0);
}
```
Would it be possible to make the page text area a bit wider ? Now it looks all shrinked compare to the upper part…

The following should let you adjust the widths of the content everywhere. Adjust the 660px width as desired.
```
.page-content, .entry-content, .entry-summary, .entry-title, .entry-footer, .comments-area, .site-info, .entry-author, .entry-meta, .page-title, .taxonomy-description {
    width: 660px;
}
```
My blog title is no aligned, I tried every different alignement, but nothing moves…

Your title is pretty long and actually extents outside of the site title div. Add this to your CSS to set that div to 100% width and the title will center.
```
.site-title {
    width: 100%;
}
```
thesacredpath · Member · Oct 20, 2014 at 6:07 pm
Copy link
would it be possible to remove
Posted on octobre 20, 2014 by ovnigraphic

This will remove the meta data on all portfolio pages.
```
.single-jetpack-portfolio .entry-meta {
    display: none;
}
```
would it also be possible to remove the previous post and next post button ?

Yes, this keeps the black band but hides the next and previous buttons.
```
.nav-next, .nav-previous {
    visibility: hidden;
}
```
thesacredpath · Member · Oct 20, 2014 at 6:48 pm
Copy link
I tried to embed some portfolio with this….
[portfolio display_types=true display_tags=false include_type=graphic-design columns=3 showposts=10]
But it appears all messed up…. Font title are huge; purple….

Can you point me to a place where this has happened so I can take a look?
thesacredpath · Member · Oct 20, 2014 at 7:20 pm
Copy link
I know I’ve left a few of your queries hanging, but let’s start with the above and then we can work on the other issues.
ovnigraphic · Member · Oct 21, 2014 at 12:32 am
Copy link
Hi,
Thank you so much for your fast & great answers !!

.page .entry-title {
color: rgba(0, 0, 0, 0);
}
This is working just fine !

.site-title {
width: 100%;
}
It worked, looks perfect on desktop & Ipad, but when on 13″ laptop the title is cut on the right…I tried 80% or 90% instead but it’s worse… Anyway that’s not a big issue…

.page-content, .entry-content, .entry-summary, .entry-title, .entry-footer, .comments-area, .site-info, .entry-author, .entry-meta, .page-title, .taxonomy-description {
width: 660px;
}

Sorry but it doesn’t seem to work… Or may be I wasn’t very clear in my explanation… So I tried this:
.page-content, .entry-content { width: 80%;
}
seems to work, is this correct ? Only thing is on this kind of pages
http://ovnigraphic.com/portfolio/packaging-designs/

the black background of slideshow expend but not the picture… Would it be possible to expend the picture as well ?

.single-jetpack-portfolio .entry-meta {
display: none;
}

.nav-next, .nav-previous {
visibility: hidden;
}

These worked perfect…

I tried to embed some portfolio with this….
[portfolio display_types=true display_tags=false include_type=graphic-design columns=3 showposts=10]
Sorry I forgot….
Page is this one:
http://ovnigraphic.com I tried to implant the portfolio in the lower part….

Thanks again for your great help
Emmanuel
ovnigraphic · Member · Oct 21, 2014 at 1:31 pm
Copy link
I removed the following, in fact it was messing a lot around…. So the title is cut on my laptop, but hopefully not on all of them….

page-content, .entry-content { width: 80%;
}

No need answer for the following, I changed all slideshow to tile mosaic, this way no problem.. Ha ha :-)

the black background of slideshow expend but not the picture… Would it be possible to expend the picture as well ?

So i just have the following issues

I tried to embed some portfolio with this….
[portfolio display_types=true display_tags=false include_type=graphic-design columns=3 showposts=10]
Sorry I forgot….
Page is this one:
http://ovnigraphic.com I tried to implant the portfolio in the lower part….

Would it be possible to reduce the height of the top black stripe in the projects ? and in fact display there the main image, the same way that on archives pages or the post pages ?
like this
http://ovnigraphic.com/project-type/photography/

Thanks again for your precious help…

Emmanuel
thesacredpath · Member · Nov 21, 2014 at 7:11 pm
Copy link
Hi there, and sorry, this seems to have gotten buried.

the black background of slideshow expend but not the picture… Would it be possible to expend the picture as well ?

When using the tiled mosaic, when you click on an image and it goes to the image carousel, the size of the image is controlled by the WordPress and theme software so that it is the maximum width/height for the screen/browser window. All images are sized similarly so that they will all appear in the space available for both landscape and portrait oriented images. I took a look at a few of your mosaics and viewed them in the carousel and all seems good to me.

Would it be possible to reduce the height of the top black stripe in the projects ? and in fact display there the main image, the same way that on archives pages or the post pages ?

To lessen the space above and below the title in the black band, such as on this page, http://ovnigraphic.com/portfolio/xxxxxx/ , you can add the following. Originally the top and bottom padding was 0.75em.
```
.single-jetpack-portfolio .entry-title {
    padding-top: 10px;
    padding-bottom: 20px;
}
```
The image you have on your main page in the header area could be added to portfolio and single post pages with the following. This is the basic rule needed, and more adjustments may be needed. Take a look and see what you think.
```
.single .site-header, .error404 .site-header, .search-no-results .site-header {
    background: url("http://ovnigraphic.files.wordpress.com/2014/10/cropped-home-page-header1.png") no-repeat scroll center top;
    height: 372px;
    background-size: cover;
}
```
ovnigraphic · Member · Nov 24, 2014 at 2:07 pm
Copy link
Hi,
Thanks a lot for everything, you’ve been very helpful, and now my blog really looks like what I wanted….

Thanks again
thesacredpath · Member · Nov 24, 2014 at 6:16 pm
Copy link
You are welcome, and your site is looking great.

No items found.