mattfitz2015

I fixed it with custom CSS:

#video-wrap {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0px;
	width: 426px;
	height: 240px;
}

Woops! I forgot to give you a link. The trouble is on my homepage where I just released a new song celebrating nurses under the H! Tag “Angels in White”:
https://patriotmusic.com

Thank you for your reply. I was finally able to see the .fluid-width-video-wrapper reference you are referring to while using Inspect in Chrome. What threw me was that right-clicking the video pulls up YouTube controls for the video, not Inspect. I have to right-click the video once Inspect is already open. In WP, viewing the page in HTML code doesn’t show it. (I am so much more comfortable in HTML than in using WP where everything is in different places. Frustrating!)

I installed the “String Locator” plugin so I could see exactly what’s happening and searched for .fluid-width-video-wrapper. The CSS definition is coming from my theme (Promenade) and is in about 30 different places! Finding which one is not going to be fun but I’ll try modifying it with a custom definition. I wish I could just have it not apply anymore and handle videos with custom HTML and CSS.

Thanks again!

Thank you for your reply. I removed the .fluid-width-video-wrapper class but don’t know (and can’t find) the proper way to wrap a video and make it smaller using these new blocks. I’d be happy using HTML and CSS, but it just doesn’t work.
This is my latest failed attempt. (I have since removed the <div> tags:

<!--Begin Video Embed-->
<h2 style="text-align: center;">"Angels in White"</h2>
<div id="video-wrap">
<p><iframe width="426" height="240" src="https://www.youtube.com/embed/YFoNfecw2y4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></p>
</div>
<p>A few paragraphs of copy....</p>
<!--End Video Embed-->

#video-wrap {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0px;
}

Are you able to tell me how (or point me to an article)?

Thank you!

Hi childthemestyles,

Sorry it took so long to respond, but I had to keep coming back to your reply to try to understand. First, thank you for your responses.

Where would I put the code you posted above? In RTL stylesheet, functions.php? Your response suggests it wouldn’t go in style.css.

Last, what’s really throwing me here is why this happening at all. I did make a couple of changes for the Angie’s List code and nav menu using a Child Theme, but I just can’t figure out why there are these problems. Here is all of the code I created to modify it (And thanks again!):

/*
Theme Name: 2015-Child
Description:
Template: twentyfourteen

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*Start code for Angie’s List Links on homepage*/
#angies-list-holder {
height: 200px;
width: 100%;
float: left;
margin-bottom: 25px;
}

#angies-list-web-badge1 {
height: 125px;
width: 125px;
float: left;
margin-left: 0px;
margin-bottom: 50px;
}
#angies-list-web-badge2 {
width: 205px;
float: left;
margin-left: 75px;
margin-bottom: 50px;
}
#angies-list-web-badge3 {
float: left;
width: 205px;
margin-left: 0px;
}
/*End code for Angie’s List Links on homepage*/

/*Start code to center primary nav menu*/
.header-main {
text-align: center;
}

.primary-navigation {
float: none;
}

/*End code to center primary nav menu*/

/*Start code to change primary nav menu font size*/
.primary-navigation a {
font-size: 1.25em;
margin-right: 30px;
margin-left: 30px;
}
/*End code to change primary nav menu font size*/

/*Start code to get rid of extra white space to left of all page content*/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 600px;
}

Yes. I see the changes now as well. It was a browser cache issue (across multiple browsers). Thank you!

The max-width setting solved some of it, but there is still space to the left of the content. Also, some resolutions cause left-right scroll bars to come up when I reduce the browser window size to simulate tablets and phones. Would you have any ideas how to remove the space on the left and position the content so that the layout is truly responsive (meaning images are not crossing out of the content area into the page background or causing horizontal scrolling)? In other words, small left-right margins that work at every resolution?

Note: I tried 90% instead of 600px, but though that pushes the content left (so there’s a reasonable sized left margin), it also pushes the images over into the background causing left-right scroll bars.

Thanks again. I really appreciate the help.

• This reply was modified 7 years, 10 months ago by mattfitz2015.
• This reply was modified 7 years, 10 months ago by mattfitz2015.

Any ideas? Anyone?

Thanks.

Yes. I went as far as 2000px and it has no effect.

Matt

/*Start code to get rid of extra white space to left of all page content*/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 2000px;
}

• This reply was modified 7 years, 10 months ago by mattfitz2015.

Hi.

Thanks for your reply. I tried it but it doesn’t seem to have any effect. Any ideas?

Thanks again. I’m not sure what I was doing incorrectly, but your help made the difference. I just removed and re-installed the widget and it worked. I’m live now. Thanks again!

Matt

Hi Matt.

Since I had already had the API that I set up on Friday, the process was a bit different from the instructions. I did, however, create a new API key and enabled Browser Key Credentials. Once that was done, I deleted the first key.

Here is a screenshot of the setup (secure info blurred)

I then copied/pasted the new key into the WP site’s Settings/Google Reviews field and saved. I also double-checked that the Place ID was still showing up under Widgets (where I added your plugin to my sidebar).

Unfortunately, I’m still getting the Request Denied Error at https://www.test.alwaystrimmingtree.com.

Any ideas?

Thank you.

P.S. By the way, “Browser” is spelled incorrectly in the documentation.

Matt

Thanks again for your help. And you’re right, their documentation is terrible. Heck, I don’t even know the proper format of the Google API key.

I entered: (for example) abc-defgh-123456 (#123456789101)

Am I supposed to enter only a section of that? Maybe this is where I went wrong?

Matt

Yes. It appears to have found the business exactly. If you do a search for this, you will find links to everything:
“always trimming tree specialists ocala fl”

The name of the business is “Always Trimming Tree Specialists”.

Here’s the G+ page: https://plus.google.com/+Alwaystrimmingtree/posts?hl=en

And the reviews: https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=always%20trimming%20tree%20specialists%20ocala%20fl&lrd=0x88e8784bd1dc0f1d:0x8bff7b71d32d9558,1

Thanks.

Thanks for the fast reply. I may have done it… can’t be sure because the plugin displays the following:
“Sorry, this business does not have a proper Place ID Set”

Here is a link to the test site so you can see for yourself:
https://www.test.alwaystrimmingtree.com/

Note: The business is found in the settings under Widget.

Thanks again.

No help here. Deleted theme and am starting from scratch.