Module Width, Slider Transition & Logo Spacing

[bkopke]

Hi there – I’m working with the AIR WordPress theme and was hoping you could help come up with a few solutions to the following;

1. Modules appear to be a percentage of the width, lacking an option to go fullwidth. For example, how would I add a “Promote” module that uses the width of the container (as opposed to 75-85%)?
2. Is it possible to change the the BM Slider’s transition to, for example, a fade?
3. What’s the best way to add some spacing above and below the header logo – especially in the sticky header?

Thanks!

[bkopke]

One additional question; how would I change the hover color of the underline/bottom border in the navigation?

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

1. Please insert a Promote module(set 3/4 width) into a Fullwidth wrap(refer to screenshot: https://www.dropbox.com/s/aldthi0febjd4fw/QQ20211015-092555.jpg?dl=0 ), click setting on the Fullwidth wrap. Add a name, like abcd.

Please paste the custom CSS to make Promote centered:

#abcd > div > .row {
    display: flex; 
    justify-content: center;
}

To set Promote a different width by CSS:

@media (min-width: 992px) {
 #abcd .col-md-9 {
    width: 85%;
 }
}

(All custom CSS should be pasted into “Appearance > Customize: Additional CSS”)

2. It is not possible for now. We will check if it is possible to add the feature.

3. Please add the custom CSS(add 10px on top/bottom padding):

.logo-image {
    padding: 10px 0;
}

on sticky header(add 5px on top/bottom padding):

.header-scrolled .logo-image {
    padding: 5px 0;
}

4. It’s possible by the custom CSS:

#navi_wrap a:before, .footer-menu a:before, .socialmeida-text:after, #navi li.menu-item > a:before  {
    background-color: #ccc;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[bkopke]

Thank you! We do have two more questions, apologies;

1. How would we control the space above and below a project title on an individual project page? At present it feels like there’s a lot of white space.
2. There does not appear to be a “post” module. How can we add a list of posts (by category) to a page?

Thanks again!

[SeaTheme]

Hi,

1.It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

@media (min-width: 768px) {
 .single-portfolio-fullwidth-slider .title-wrap, 
 .single-portfolio-fullscreen-slider .title-wrap,
 .single-portfolio-fullwidth .title-wrap {
    padding-top: 160px;
 }
}
@media (max-width: 767px) { /*For mobile*/
 .responsive-ux.single-portfolio-fullwidth-slider .title-wrap,
 .responsive-ux.single-portfolio-fullscreen-slider .title-wrap,
 .responsive-ux.single-portfolio-fullwidth .title-wrap {
    padding-top: 100px;
 }
}

2. The portfolio and blog are built by page templates(screenshot).
refer to: https://www.youtube.com/watch?v=JBeEQjp8lKw

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[bkopke]

Thanks again! These all worked, though we’re hoping to reduce the spacing below the project title on individual project pages as well. There’s still quite a bit of white space between title and gallery (in our case we’re using a “gallery” post set to “standard gallery”).

[SeaTheme]

Welcome!
It is possible by custom CSS(“Appearance > Customize: Additional CSS”)

@media (min-width: 768px) {
.gallery-post-des {
    margin-bottom: 160px;
 }
}

Please leave the project URL if it doesn’t work. Thanks!

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[bkopke]

Perfect, thank you!

[Author]

Posts