Portfolio - centered, without topic. To high top bar...

Shapely
1

Hi,
i have few problematic for me questions.

How can i center my images in my portfolio and remove to sample pictures with automatic topic?
How can i reduce the height of the top bar?

Sample pictures in the attachment.

2

I have the same problem. I want to choose a “full-width” layout for my portfolio projects as I do in the blog section.

The link to a project, for instance, is:
https://silversaltcycling.com/portfolio/alex

Thank you very much,
Julio

3

Hi Woz,

You can use this Custom CSS for your requirement, Put this in Appearance -> Customize -> Additional CSS.

.single-jetpack-portfolio .page-title-section {
  height: 70px;
  padding: 15px 0;
}
.jetpack-portfolio .entry-header{
  display: none;
}
.single-jetpack-portfolio #secondary {
  display: none;
}
.single-jetpack-portfolio #primary{
  width: 100%;
}

First block will reduce the title height, second is to hide the featured image, third and fourth is to make the portfolio page full width.

@juliocesarfranco It seems you already did all things.

Let us know,

Thanks,
laranz.

4

Hi Laranz,

I made a little bit of research and got it!

Thank you anyway,
Julio

5

Hi,

thanks for answer, but can you tell me how can i reduce the title bar height on each page?

6

… and how can i make full width on each page?

7

Hi,

  1. Just use this Custom CSS to reduce the height,
.page-title-section {
  height: 70px;
  padding: 15px 0;
}
  1. You can make use of the full-width page template, in Page Attributes -> Template on the right side of the edit page screen http://take.ms/VZhiT

Let us know,

Thanks,
laranz.

8

Hi,
thank you for reply but i have 2 problems:

  1. Content is too low - could be higher - close to the top bar.

  2. When i choose full width it gives me the date and the author and title - how to turn it off?

Please see attached photos

9

Hi,

  1. Can you show us a website address to check that issue?
  2. Go to Appearance -> Customize -> Additional CSS and add this CSS Snippet in it,

.page-template-full-width .entry-meta { display: none; }

Let us know,

Thanks,
laranz.

10

Hello Julio,

how do you add the ‘read more’ button and customise the layout on your main blog page?

Regards,
Felippe

11

Hi,

You can add read more tag with this,

readmore
readmore799×445 54.5 KB

OR

readmore1
readmore1799×377 44.5 KB

For more: https://en.support.wordpress.com/more-tag/

Let us know,

Thanks,
laranz.