Thanks for your quick response! That worked – unfortunately creates a new problem here: http://www.charlestonwedding.com/2014/portfolio-item/jolie-andrew/

I added this line of css h5 { margin-top: 10px; } to seperate my h3 from the h5 but, both are still not vertically centered like they should be.

Please help – Thanks!!!

Brilliant thanks – works perfectly!

Hi, Josue

Where do I insert the embed code with the Easy Slider? All I see is an option to insert the URL of the video.

A Color Section allows me to place a video, but again there’s only the option to insert the URL, not the embed code.

I can use the embed code with the Layer Slider, but that’s a problem because I can’t seem to put the layer slider on a Content Section. This means the video is displayed on the page’s white background. You can see it at http://www.welcometojoseph.com, since I added that this morning. Layer Slider method does allow for a preview image, but no controls are shown unless hovered. Maybe there’s something in the embed code that can be added..

Your theme is considerably different than what I’ve been used to (Avada) and so I’ve spent several hours on the video issue. Video display for site visitors is very important to me because I do a lot of custom videos for clients. What I’d like to have is:
1 – a video displayed on a colored Content section
2 – a preview image instead of a black screen
3 – all play controls visible to the site visitor
4 – no auto playing.

Can all four be done with the Easy Slider or Layer Slider? I’ll also be self-hosting videos as soon as I convert the .mp4 vids to HTML5.

Again, thank you for your help on this issue. This theme is going to work great for me if I can get this video issue resolved :)

EDIT TO ADD:
Josue, I modified the functions.php file and now the text code shows. Wonderful, thank you!

However, I still can’t get the video in the easy slider to stop autoplaying. Here’s the full code, and you’ll see where I added ‘true’ to autoplay and also the controls, which I would like for them to show on-screen for certain sites.

• This reply was modified 12 years ago by Themis_Designs.
• This reply was modified 3 months, 2 weeks ago by Yigit.
• This reply was modified 3 months, 2 weeks ago by Yigit.

Hi Ismael,

Sorry for the late reply. Thanks for the tip!

I’m using the enfold them and didn’t find a helper-main-menu.php in the includes. I looked in all ther other helper files and din’t find any logo reference.

I did find the logo referenced in the header.php as show below:

/*
* display the theme logo by checking if the default logo was overwritten in the backend.
* the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
*/
echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);

I placed my image in the images/layout folder and added the following line under the exho avia_logo as shown below:

echo "<div class='header-addition'>AVIA_BASE_URL.’images/layout/Phone.jpg'</div>";

Of course it broke the website, I imagine because of some syntax error. I’m sorry my knowledge in this area is limited.

Thanks for your help and best regards,

Steve

.woocommerce-message, .woocommerce-error, .woocommerce-info {
padding: 0em 0em 0em 0em;
margin: 0 0 0em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -moz-linear-gradient(center top, #ffffff 0%, #fffff 100%);
background: -moz-gradient(center top, #ffffff 0%, #ffffff 100%);
color: black;
text-shadow: 0 0px 0 #ffffff;
list-style: none outside;
width: auto;
}
.woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after {
display: block;
clear: both
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
height: 0em;
width: 0em;
display: block;
position: absolute;
top: 0;
left: 0em;
font-family: sans-serif;
font-size: 0em;
line-height: 0;
text-align: center;
background-color: #ffffff;
color: black;
text-shadow: 0 0px 0 rgba(0,0,0,0);
padding-top: 0em;
}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
float: right
}
.woocommerce-message li, .woocommerce-error li, .woocommerce-info li {
padding-left: 0;
margin-left: 0;
color: black;
background-color: #ffffff;
}
.woocommerce-message {
border-top: 0px;
color: black;
background-color: #ffffff;
}
.woocommerce-message:before {
background-color: #ffffff;
color: black;
}
.woocommerce-info {
border-top: 0px solid #ffffff;
color: black;
background-color: #ffffff;
}
.woocommerce-info:before {
font-family: Times, Georgia, serif;
font-style: italic;
color: black;
background-color: #ffffff;
}
.woocommerce-error {
border-top: 0px solid #ffffff;
color: black;
}
.woocommerce-error:before {
background-color: #ffffff;
color: black;
}

Sorry if this has been posted before, but I tried this! The background mainly has become white but theres a green margin border on the left side, and the font is like green color (I kind of need it black)
http://www.shopelegal.com

I really – have no idea what fixed it – I ended up cleaning up my options table as well – and hunting down every reference to bbpress – the forums still didn’t go away – but …

http://natureslens.co.uk/forums/topic/neque-porro-quisquam-est-qui-dolorem/

… it is now working properly in appearance at least

Hi Dude,

I’ll give it a shot…But still having an issue with the images not being the same height.

Ismael – this css: `#top div .avia-gallery .avia-gallery-big img {
height: 100%;
}`

works in FireFox but stretches the images in Chrome way beyond their 670px height – no good. Please feel free to take a look: http://www.sistahhollywood.com/spring-2014-trend-report/ … And for some reason in Chrome, it removed the thumbnails from under the big preview from 2 – 4. #veryfrustrating

Is there documentation or a post somewhere that tells us what sizes these images should be to begin with? So it looks correct/good across browsers just like your demo … This way we can avoid having to constantly tweak the CSS.

I have tried adding this to Quick CSS:

#section3 { box-shadow:
inset 0px 11px 8px -10px #000000,
inset 0px -11px 8px -10px #000000; }

It works if the background image of the Color Section is set to Scroll or Fixed but the inset shadow does not appear if the background image is set to Parallax. Is there any way to make it appear using a Parallax background image?