Topic: Make Portfolio Photo smaller on desktop « SeaTheme

This topic has 5 replies, 2 voices, and was last updated 5 years, 2 months ago by Jamesd.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 24, 2021 at 1:14 am #24133

Jamesd
Participant

Purchased
Expired

Hi,

I would like to find out how I can make the photo’s smaller on the portfolio section. Currently I have set it on 1/2 but I want the text to be a little bit longer as the title comes down to the second sentence and have the photo smaller size (Maybe half the current size) on the desktop version.

For mobile I would like the photo to be maybe 10-15% smaller but layout is fine.

Also for the mobile side the front home page photo is very pixelated. How can I fix this?

website – https://beastseries.io

Thanks,
James

WordPress Customization Service from $49 Only! Save your expensive time!

March 24, 2021 at 1:26 am #24135

SeaTheme
Keymaster

Purchased
Expired

Hi,

What’s the “portfolio section” that you mentioned? Is Single Image, Grid, or Slider module? Is the top image on your homepage?

Please go to Theme Options, turn on the “Disable Image Srcset” . Please check if it is pixelated.

Regards!
SeaTheme – FAQs – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

March 24, 2021 at 1:36 am #24136

Jamesd
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

March 25, 2021 at 12:26 am #24143

Jamesd
Participant

Purchased
Expired

Hi There,

Did you manage to take a look?

Thanks,
James

WordPress Customization Service from $49 Only! Save your expensive time!

March 25, 2021 at 1:32 am #24145
SeaTheme
Keymaster

Purchased
Expired
Hi,

Please edit the text section(left column) in the BM Content Builder, you could increase the Text module width: https://www.dropbox.com/s/jeq92z8a4rxjf3l/Screen%20Shot%202021-03-25%20at%209.20.46%20AM.png?dl=0
But it cannot exceed the width of 1/2 of the page.

And adjust the top/bottom spacing by: https://doc.seatheme.net/wp-content/uploads/2019/08/bm-content-builder-modules-spacing.jpg

Check more about the tools bar: https://doc.seatheme.net/sea-content-builder-plugin/bm-content-builder-introduction/#tools-bar-on-each-module

To photo smaller size, please paste the custom CSS code to “Appearance > Customize: Additional CSS”:
```
@media (min-width: 992px){
 .single-col2-gallery-wrap .single-gallery-wrap-inn[data-style="filled"] {
    padding-left: 25%;
    padding-right: 25%;
 }
}
 @media (max-width: 991px){
/*mobile*/
 .single-col2-gallery-wrap .single-gallery-wrap-inn[data-style="filled"] {
    padding-left: 5%;
    padding-right: 5%;
 }
}
```
Regards!
SeaTheme – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

March 25, 2021 at 5:04 pm #24156

Jamesd
Participant

Purchased
Expired

Perfect! Thank you so much

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.