[tsimarketing]

http://tsihealthcare.com/maintesting/rheumatology/

and its the button named “250 Rheumatology Specific Features”

[tsimarketing]

Okay, so it sounds like there is nothing that I can do to get the video to look right no matter what the browser size is. Would changing the actual video file size possibly help?

Also no one has helped with getting the text image centered over the parallax yet. Is there a code that can do that?

[tsimarketing]

It may expand a little but not as drastically as our parallax video. I’ve attached two screenshots showing how much our video expands and how much the video gets cut off. The first screenshot the browser is smaller and you can see more of the video and in the second screenshot the browser takes up the whole screen and some of his face gets cut off. When I expand the browser on the dante site, not very much of the video gets cut off. You can still see everything.

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Ok so that worked for getting the video to stick to all sides of the parallax on all browsers. But when you expand the browser the video gets bigger but the container area stays the same size, which means part of the video gets cut off depending on how big the browser is. And I noticed on the Dante theme site, the parallax video with the welder does not get bigger when the browser is expanded. Is there a way to make this parallax not responsive when you make the browser smaller or bigger? I have the parallax set to Video Height right now, should it be Content Height instead or does that setting not really matter?

Also, the text image I have over the parallax is still not centered. When I have the setting to “Video Height” the text image is positioned at the bottom like it is right now. When I have the setting to “Content Height” the text image is positioned at the top. How can I get it to be centered?

I have the parallax up right now:
http://tsihealthcare.com/maintesting/our-approach/

[tsimarketing]

We have a meeting today to show off some pages of our website and this page is one of them. So I am going to take down the parallax for now since it is not working right and just put the video in a row. So if you guys look at this page after I send this message the parallax will not be on there. But I did send you screenshots yesterday so hopefully you can go off that. I will put the parallax back up there once our meeting is done so you guys can assess it.

[tsimarketing]

I am having two issues with the parallax on one of my pages.
http://tsihealthcare.com/maintesting/our-approach/

1. I am still having problems with this video in a parallax. I have finally got it to look how I want it to look on Firefox, but of course the video is getting cut off on google chrome, internet explorer, and safari. It just looks like the video is getting pushed up on these three browsers, like there is some mysterious padding on the bottom of the parallax. But I have mb0 & pb0 set in the extra class on the parallax. I have attached screenshots of what google chrome and safari look like. In internet explorer there is a gray bar like these two, but it is a lot smaller. I have also attached a screenshot of how it looks on Firefox (which is how I want it to look). I don’t understand why it looks different on all 4 browsers.

When I go look at your Dante website, your parallax of the welder looks good on all browsers, how come mine doesn’t? This is really important that I get this issue fixed so if several of you have suggestions that would be great.

I have also attached the settings of the parallax so you can see what I have it set to. I do have two different css codes that deal with the height of the container and the height of the video. Let me know if you need to know those to help me.

2. In the screenshots you can see that there is some text that is not centered in the parallax. I have put an image of text in the parallax but on the frontend that image of the text is not centered vertically. It’s getting pushed down for some reason. The reason why I am not just typing out the text is because I have used the same text image on the headers on the other pages and I want them all to match. Is there a way to get this image of text to be vertically centered.

If someone can please help me with this I would greatly appreciate it!

Attachments:

You must be logged in to view attached files.

[tsimarketing]

I have added different numerical values into that main nav top spacing section but it is not doing anything to the nav. Would the fact that we customized the nav in the sf-header.php override this action? Or the fact that we have this code in the theme options:

#main-navigation > div{margin-left:110px !important}
.menu-left #main-navigation{background: #6caae4!important}
nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu > li > a{color:#fff !important}
nav#main-navigation .menu > li > a span.nav-line {background-color: #fff !important;}

Let me know if there is something I need to change or if I am doing something wrong.

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Okay, adding the width and height to the header settings worked for making the logo centered in the header. But now the mini menu in the upper right corner is not centered vertically. I have some code in the sf-header.php for this area, but I was wondering what I can do to make this little menu get centered.

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Here are a couple screenshots of the testimonials. You can see that the actual quote is not centered in all of them. Some have a little more space below the quote than above it. Here is the link so you can see it for yourself: http://tsihealthcare.com/maintesting/

I also have testimonial sliders on other pages as well that are doing the same thing. Is there a css code that can center these vertically?

Attachments:

You must be logged in to view attached files.

[tsimarketing]

I have the same question. Is there no custom css code that I could add to my theme options to have the gallery loop?

[tsimarketing]

To clarify, the above code goes into the custom css section and then an additional code goes into the extra class section of the icon box? I attempted to enter

/* For Allergy*/
.allergy .sf-icon-box-animated .back{
background:#ff0000 !important;
}
in the custom css section and then I put ophthalmology in the extra class section. This did not produce any results.

[tsimarketing]

A sample can be found at the bottom of http://www.tsihealthcare.com/maintesting

[tsimarketing]

Okay, so that worked for making the video fill up the parallax container. But the video itself is still blown up a little. The close up shots should not be cutting off so much of their face. I know making the dimensions larger would probably do this, but it looked blown up even when the dimensions were the size we wanted (1170×300). Is there something I should be setting it to in the parallax adjustments or is there a custom css code to help with this. Because the video looks blown up across all internet browsers. I have attached a screenshot of what we want the video to look like, its a screenshot of the girl in the video. You can see the difference, and that the one on our site is blown up.

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Now I have the WebM and OGG files added, and I can see the video on firefox but it is super big. We exported the file in the dimensions we wanted, 1170×300, but it seems to be blowing the video up. How would I make the video fit the size of the parallax container?

[tsimarketing]

Great! That worked. However, now the text is black when your not hovered over it. Is there something I can add to this code to change the color of the base text?