Questions about formatting

Hi there,

1. is there a way to lower the opacity even more on featured images? Lower than 25%

You can make use of some use of some custom CSS in order to further customise the opacity.

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

.pique-panel-background {
    opacity: 1;
}

Please note: Any opacity that you set for individual panels via Appearance > Customize will override the above. Reset any settings you made for individual panels in order for the above snippet to work for all of your panels.

The value for opacity can be changed to anything between 0 and 1 e.g. 0.25, 0.6, etc.

Let me know how that’s clear or if you have any extra questions on how opacity works.

2. How do I add the map under the overlay in contact us?

The map used on the theme’s demo site was added as a featured image to the Contact Us page.

To add a featured image: Navigate to the editor for a page and then look for the Featured Image module on the right. If you can’t see the module, select the Screen Options tab in the upper right and then check the option next to Featured Image to get the module to display.

3. How do I align pics in before and after better so they aren’t all left justified? I tried the center align and that just squished everything to the middle.

I’m not clear on what you mean here and am not able to access your site at noevi-dents.com. Could you please take down the landing page and clarify for me?

4. Is there a way to make the overlay box bigger?

Again, I’m not clear on the specific box that you’re referring to. If you can take down the landing page from your site and point me in the right direction, I’ll be happy to take a look. If the box you’re referring to is visible on Pique’s demo site then you can point me to it from there, also.

5. Is there a way to stop tiling of featured images?

The theme recommends featured images that are at least 1400px in width and 1000px in height. If your images are wide enough then they’ll take up the full width of the screen and won’t tile.

Hello,

I took the landing page down.

#3 take a look at the before and after pics and you’ll see that they are aligned to the left not center. I’d like them to be centered or look a little neater.

#4 I have overlay boxes in contact us and about us and they are on the small side. I’d like to make them larger to enter more content to make them stand out from the page.

Thank you for your help!

Thank you for taking the landing page down on noevi-dents.com.

#3 take a look at the before and after pics and you’ll see that they are aligned to the left not center. I’d like them to be centered or look a little neater.

The images within that panel have the alignleft CSS class assigned to them and the page they’re on also has the Full-width Page template.

You have two options to centre the images:

1. Assign the Default Template to that page. (This can be done by navigating to the page’s editor and then choosing from the Template dropdown menu in the Page Attributes module.)

2. Navigate to the editor for the page, click on an image, select the pencil icon to edit, and then choose Centre from the alignment options. If you choose the Centre option for both images then they will be centred on on top of each other.

#4 I have overlay boxes in contact us and about us and they are on the small side. I’d like to make them larger to enter more content to make them stand out from the page.

Got you! This can be changed with some custom CSS:

@media (min-width: 768px) {
    .overlay {
        width: 70%;
        max-width: 800px;
    }
}

Increase/decrease the value of width and max-width to your liking.

Thank you!

You’re most welcome! Feel free to start another thread if extra questions come up, too.