Reduce title margin and padding

[Blurring boundaries]

In posts, need to reduce the space between title and content.

[Blurring boundaries]

Need to reduce the padding above and below the title

[SeaTheme]

Hi,

What’s the post format that you mentioned? If it is Gallery post, what’s the template of the Gallery post? Thanks!

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Blurring boundaries]

It is gallery post and Layout Template is standard gallery.
Would like to –
1. Reduce the margin between header and post title
2. Reduce the gap between title and text
3. Reduce gap between text and gallery
4. Have text box in 3 columns instead of single long lines
5. Also, is it possible to have text on left, one image on right and rest of the gallery below, like demo homepage https://theme.seatheme.net/air/portfolio/ in a post
Screen – https://ibb.co/KjMCJdv

[Blurring boundaries]

Awaiting possible solutions.

[Blurring boundaries]

This reply has been marked as private.

[SeaTheme]

Hi,

1-3.
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

/* for desktop */
@media (min-width: 768px) {
 .single-portfolio-fullwidth .title-wrap,
 .single-portfolio-fullwidth:not(.page_from_top) .title-wrap {
    padding-top: 0px;  /*the margin between header and post title, default is 160*/
    margin-bottom: 0px;  /*the gap between title and text, default is 40*/
 }
 .gallery-post-des {
    margin-bottom: 60px; /*gap between text and gallery, default is 160*/
 }
}

/* for mobile */
@media (max-width: 767px) {
  .responsive-ux.single-portfolio-fullwidth .title-wrap {
    padding-top: 60px;  /*the margin between header and post title, default is 100*/
    margin-bottom: 0px;  /*the gap between title and text, default is 40*/
 }
 .responsive-ux .gallery-post-des {
    margin-bottom: 20px; /*gap between text and gallery, default is 60*/
 }
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[SeaTheme]

4. Do you mean the text below the Title? If it is, please add content with the shortcodes like(check your zero latency post):
[one_third] This is a one/third column. Duo cotidieque efficiantur an. [/one_third][one_third] This is a one/third column. Duo cotidieque efficiantur an. [/one_third][one_third_last] This is a one/third column. Duo cotidieque efficiantur an. [/one_third_last]
check more shortcodes: https://doc.seatheme.net/static/air/#short_code
ps:The text is aligned center by the default. Please add the custom CSS codes if you want it aligned to left:

.single-portfolio-fullwidth .gallery-des-center.gallery-post-des .entry { 
    text-align: left;
}

5. It is built by Page template “Introduction in List” , please check the demo page named Homed on your WP dashboard(Pages>All Pages).

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Blurring boundaries]

CSS for the margin between header and post title is working for mobile, not working for desktop.

[Blurring boundaries]

Yes, this is what I meant. In this, can I make the text full width and justify the text (not just align)

[SeaTheme]

Hi,

1. Please update the CSS for desktop as:

@media (min-width: 768px) {
 .single-portfolio-fullwidth .title-wrap,
 .single-portfolio-fullwidth:not(.page_from_top) .title-wrap {
    padding-top: 0px;  /*the margin between header and post title, default is 160*/
    margin-bottom: 0px;  /*the gap between title and text, default is 40*/
 }
 .gallery-post-des {
    margin-bottom: 60px; /*gap between text and gallery, default is 160*/
 }
}

2. Please add the custom CSS:

@media (min-width: 1200px) {
 .single-portfolio-fullwidth .gallery-des-center.gallery-post-des .entry {
    width: auto!important;
 }
}
@media (min-width: 768px) {
.single-portfolio-fullwidth .gallery-post-des.gallery-des-center {
    padding: 0 60px;
 }
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Blurring boundaries]

Text is not exactly justified even now.
Check screen https://ibb.co/m9VDwfw

[Author]

Posts