I just tried it in Chrome, and it worked. I usually use Safari. I just tried it in Safari and Firefox, and the video gets cut off. I just noticed that in Safari when I resize the app’s window the video corrects itself. Yesterday I tried making the spacer I put below the floating planetoid a little larger, and that seemed to help in that it still cut off the bottom of the video, but not as much.

Hey Digit,

That worked!!

I was wondering about that as a solution, but in the Enfold Theme update page in the dashboard it said I had the latest version of the theme!

Thanks again for your always helpful and fast replies!!

I just had a thought, and sadly it turned out to be true. I was using Safari, and the link would not load. Then I tried Firefox, and it loaded all the font families! That deserves a letter to Apple.

You are completely right about using a Child Theme!

Thanks again and again for your always fast and helpful answers!

I’m guessing you mean “functions-enfold.php”

Where exactly should it go in the file?

Well, I searched a bit and ended up using this code.

That removed the offending borders!

#header .container_wrap {
border: none;
}
#main .container_wrap {
background-color: transparent;
}

Hi Yigit,

Yes, late last night I added some code that took away the borders on the layer slider and that got rid of the line below the main menu, but I used the same layer slider on the home page and there was no border, so I don’t know why the Contact page was different. Here’s the code I have now. Maybe this is all okay now, but it seems like a lot of code. Do you think there is a simpler way to remove the section borders in the Header and Main Body?

#header_main_alternate, .av-main-nav > li > a { border: none !important; }

#header_main {
border-bottom: none;
}

.home .container_wrap, .home .avia-layerslider { border-top-style: none; }
.home .avia-shadow { box-shadow: none; }
.home #header_main { border-bottom-style: none; }

#av_section_1 .container_wrap, .avia-layerslider { border-top-style: none; }
.avia-layerslider  .avia-shadow { box-shadow: none; }
#header_main { border-bottom-style: none; }

Hi Basilis,

I just added this code to the CSS:

.avia_transform a:hover .image-overlay{background: #b22223; opacity: 0.7 !important;}

That gives me an alternative to the white color, but I’d still like to get rid of the colored box altogether, and keep my spiral icon.

I love to help you guys out if I can. Perhaps, in the future, a way to add Google fonts that are not in your list can be included. I don’t mind editing the functions.php file, but I’d rather not change the php files if I don’t have to – just another thing to deal with when updating!!!

Hey, jpollackphoto, thanks for the css. That did it!

Elliott, I tried Perfect Grid. Sorry, but I think you didn’t understand the issue. I do want an even grid and not Masonry, but I don’t want to use CROPPED THUMBNAILS. My artist client doesn’t want her paintings displayed with only part of the image. I understand that concern completely.

Text Shadow: adding text shadow to header text:. Put this into the theme’s Quick CSS:
h1, h2, h3, h4, h5, h6, .widgettitle {text-shadow: rgba(0,0,0,0.4) 1px 1px 2px;}

Thanks for the quick response. I did download the latest version of the theme for this install from ThemeForest, and still had the issue with that page.

I ended up pasting the correct code for the page in a new file, and uploading that new file to the server. That worked, so perhaps you are right, and the problem is with that file.