Margins, padding & background color

[tie]

Hey,

I have a few issues I just can’t think my way around. I’m still learning code and WordPress so any direction helps.

1. How do I reduce the overall height of the footer? Not just the padding but the content size?
2. How do I remove the margin above the footer? There’s always a gap below the last element in each page (as pictured in the 1st attached image)?
3. How do I add more spacing between elements (as pictured in the 3rd attached image)?
4. How do I change the background/page color from white to #B3B3B3?
5. How can I make the portfolio grid show the thumbnail image in lightbox when clicked (as pictured in the 2nd attached image)?

Thanks for the help, and I’m responding privately with my server and login information.

[tie]

This reply has been marked as private.

[Melanie – SUPPORT]

Hi!

This sure is possible, but I’m afraid it’s not built into the theme and would have to be modified especially for you. We’d love to help you with this customization but we are only able to provide support for basic theme issues and bug fixes. We do provide support for small customizations but unfortunately this request is beyond that. Please see our general policy and guidelines for more info. You could also hire a developer to help you with your customizations.

Thank you for understanding!
Cheers!

[tie]

Hi Melanie,

Thanks for the support.

I understand not being able to customize the footer dimensions or gaps between elements, but I would really appreciate help with my last two issues or at least pointing me in the right direction.

1. Is there a way to change the background color such as the header or body background (you do provide color customization of the footer, top bar, boxed content etc) within your service options such as custom css?

2. the options within the portfolio settings allow for the use of “Thumbnail link type” which I set to “Lightbox to the thumbnail image” but Lightbox won’t link to the thumbnail image. I get a blank semi opaque screen. Do you know why this option doesn’t work for me? or is there a more effective way to use your portfolio grid option within your Swift page builder?

Thanks again for the help 🙂

Josué

[Melanie – SUPPORT]

Hi!

Header background

#header {
background: black;
}

Body background

#main-container {
background: black;
}

I will have to ask another support staff to check the linking issue out 🙁 For some reason the a href is empty on the title of your portfolio item. Cheers

[laranz – SUPPORT]

Hi,

If you choose lightbox to thumbnail image, then you should add a featured image to the portfolio post.

Let me know, what you got.

Thanks,
laranz.

[tie]

Thanks Melanie it worked!

And Hey Laranz,

1. I set a featured image and it still won’t show in lightbox. Also, maybe I’m not setting up what I want correctly. Essentially I just want a 4 x 4 grid of slider thumbnails of each Portfolio Item, which upon clicking opens that particular Portfolio Item in lightbox view and allows you to click through the set of images attached.

2. The custom css Melanie provided to change the background color worked except for one element. The accordion used in: http://interioredge.com/wordpress/home/about/ still has a white background. Is there custom css I can use to change the background of an accordion?

Thanks so much for the help!

Josue

[laranz – SUPPORT]

Hi,

1. You mean you want the slider to be as a lightbox, currently there is only two option that set a lightbox thumbnail from the featured image or a image of your own (that image you need to upload after choosing from the dropdown lightbox to image (select below))

2. You want to change that white color? if so try this

.spb_accordion .spb_accordion_section > h3 a{
background-color: green;
}

Thanks,
laranz.