[Justin]

Hi there,

Is there a way to reduce the height of the featured slider for desktop?

I currently have just two lines of header text, so there is a massive amount of space above and below the copy. I have tried resizing the background image with no luck. Although the Space is fine on tablet and mobile, the desktop has significant negative space I’d like to get rid of.

Similarly, I would like to reduce the height of the portfolio thumbnails on the front page… they are far too overpowering… is this possible?

Thanks

[tikaram]

@retailored : Please post in your site URL.

Regards,
Tikaram

[Justin]

Hi Tikaram, here is the link; http://www.asneeded.com.au/

[tikaram]

@retailored : To reduce the height of featured slider for desktop:
Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 768px) {
  #feature-slider .entry-container {
     padding: 90px 144px;
   }

   .cycle-slideshow {
     height: 250px !important;
   }
}

To reduce the height of the portfolio thumbnails on the front page:
Currently, you are using image size of 444 * 444. Try using image with lesser height like 444*150 or similar.

Let me know how this goes.

Regards,
Tikaram

[Justin]

Thank you Tikaram,

Featured slider worked very well 🙂

The portfolio thumbnails worked, although there seems to be a glitch in the bottom row, two thumbnails (left side) aren’t aligning at certain desktop breakpoints?

Also as a result of creating a smaller thumbnail the resolution on the featured portfolio pages has decreased. Is it possible to switch off the click throughs pages for the portfolio and featured content sections?

Thank you

[tikaram]

@retailored : To switch off the click off the click through pages for the portfolio.
Go to Appearance => Customize => Additional css and add the following css.

.jetpack-portfolio{
	pointer-events: none
} 

Let me know if you need further assistance.

Regards,
Tikaram

[Author]

Posts