netniks

I just upgraded from ARI Fancy Lightbox 1.2.6 to 1.2.8 and the white box returned. I thought that I may have overwritten an earlier setting, but the above style is still in place:

.ari-fancybox-video-container {padding:0;}

Downgrading to 1.2.6 removed the white box, so things are manageable. I’m wondering if the ari-fancybox-video-container class has changed, or if I’m looking in the wrong direction.

Thanks and regards,
Todd

Thanks so much for that! Thank you for the extra effort in illustrating it, too, as the screenshot was very helpful.

In the event that the screencast image becomes unavailable for any reason, remove the following two lines from the header.php file in your child theme folder:

<?php if(is_front_page() && !get_theme_mod( 'header_banner_visibility' )): ?>

and

<?php endif; ?>

These two lines are separated by some HTML and PHP, but leave all of that in place.

This helped me, too… thank you!

Todd

• This reply was modified 7 years, 2 months ago by netniks.

Thanks for the response!

https://pasteboard.co/GK21ib2.jpg

I saved an image sized to 1000 x 250 pixels, and the “Skip Cropping” button is present in WP Bootstrap Starter 2.5.2. Selecting an image that is 1001 x 178 pixels does not present with the “Skip Cropping” button.

More specific to my site, however, I would like the image to expand to the full width of my browser window and not repeat itself, and allow for a wider image such as 1880 pixels wide.

Thanks and regards,
Todd

The Header Banner shows when:
Settings > Reading > Front page displays is set to “Your latest posts”

The Header Banner does not show when:
Settings > Reading > Front page displays “A static page”

My site mirrors what is happening here:

https://afterimagedesigns.com/wp-bootstrap-starter/
versus
https://afterimagedesigns.com/wp-bootstrap-starter/markup-html-tags-and-formatting/

Is there a way to make the Header Banner permanent across all pages in my site?

Thanks and regards,
Todd

This seems to be affecting my site after updating, as well (I went from 1.2.9 to 2.4.8).

Pages that I have created do not show the header banner image or the default purple background color. Meanwhile, the “blog” page, a page that exists by default in WordPress, shows the header banner image.

User-created home page:
https://screencloud.net/v/hfuTx

WordPress blog page:
https://screencloud.net/v/9Agyx

I am using a child theme, however, the header banner image is missing whether I have my child theme activated or the official WP Bootstrap Starter theme activated.

I can test anything that you think could be the culprit. In version 1.2.9, I added this CSS to the child style.css file to get the header banner image to show up, but the addition of the CSS to my version 2.4.8 style.css file doesn’t have any effect.

#page-sub-header {
  padding: 1.875rem 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  color: #ffffff;
  padding: 4rem 0.938rem;
  text-align: center;
  font-size: 1.25rem;
/* added */
  background: url(https://172.20.3.101/wireless/wp-content/uploads/2017/06/wirelessproducts-service-302-sampled.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 20px;
}

I applied that, and it worked! It’s a beautiful thing… very professional looking.

On the page containing the video, I applied data-width=”640″ data-height=”360″, and that seems to have matched the video ratio.

Great!!! mp4 videos from the same server as the WordPress instance. They are clean and simple and load with zero lag time.

Thank you very much!!!

Thanks! This removed the photo, and that is already an improvement!

It may not be the image that is creating the white box around the video, as the white box continues to appear even after adding data-preview=””.

https://screencloud.net/v/p1bhh

Would you have a suggestion for what CSS to add or modify? It is as if a white box with padding around it is being drawn within the modal video window. I have some custom CSS in my child theme, but it is not extensive, and doesn’t include CSS for .ari-fancybox

Thanks and regards,
Todd

Thank you, thank you, thank you!!!

mp4 videos launch and play perfectly. The video and audio are perfectly synced.

In trying to call the video from HTML, I am using this method:

<a href="https://172.20.3.101/manufacturing/wp-content/uploads/2017/07/ManufPres_FTL_2016.mp4" class="ari-fancybox"><img src="https://172.20.3.101/manufacturing/wp-content/uploads/2017/07/video-employee-dev-1640x924.jpg" width="100%" /></a>

The image that links to the video (video-employee-dev-1640x924.jpg) enlarges with the video modal window and displays between the video and darkened background. Is there a way to keep the image from being included in the modal, or to make it transparent so that it doesn’t appear?

Here are screenshots that show what I am describing:
Image with photoshopped video button:
https://screencloud.net/v/7mues

Enlarged image (not part of mp4 video):
https://screencloud.net/v/iWYie

Video playing over enlarged image:
https://screencloud.net/v/eQ3Cy

Thanks and regards,
Todd

Thank you very much!!!

I updated the theme on my test server, and the option to add a logo works perfectly. After working with Bootstrap outside of WordPress for so long, it is a little surreal to access its features so easily now. My site is currently pretty small, but will grow quite a bit over the next 12 to 24 months.

I will update my live site in the next two weeks, but it can currently be seen here: https://wirelessproducts.crown.com/

Thanks again,
Todd

Hi Tom,
Thanks for your feedback!

That puts my mind at ease in making the Premium upgrade.

Thanks and regards,
Todd

Hi Leo,
That did it, perfectly… thanks!!!

Thanks and regards,
Todd

Hi Tom,
For what it’s worth, I turned to Codeable for some help, and the resulting menu can currently be seen here: https://netniks.cmslauncher.info

Thanks and regards,
Todd

Hi Tom,
I updated the screenshot slightly by removing the background color behind the primary menu. If you didn’t run the submenu background to span 100% of the browser window, would you have recommendations on the CSS?

https://sc-cdn.scaleengine.net/i/1ba85286770d946696db6b528b70769c.png

Thanks and regards,
Todd

Hi Tom,
Thank you for the response!

The site, outside our firewall, is at:
https://netniks.cmslauncher.website/north-american-manufacturing/

I can also provide you with WP admin username and password, but I think that you can see the submenu is functioning in horizontal mode (as desired), but I’m falling short on the CSS to “condense” the menu and submenu to look like this:
https://68.media.tumblr.com/f60a4a7365980927548228486c265b1c/tumblr_olvu7aqme11skjgvjo1_1280.png

Thanks and regards,
Todd