gabevanlelyveld

Will do. Thanks.

YES! You’re the greatest! It worked. I can’t tell you how happy that makes me. That was the last little fix I was hoping to make.

Is there some way I can show my appreciation? A tip or something?

Thanks again, Gabe

Thanks again. Okay, I added the following to my cf7 html in the place you suggested:

<br class=clear>

Then I added

.clear{
clear: both;
}

to the CSS somewhere in the middle because I wasn’t sure where exactly to put it.

Next I replaced the final section of CSS as you suggested.

The right column now lines up on the left in a smaller window, but there are two other new issues. The word ‘Subject’ doesn’t stay attached to the subject field in a smaller window and on full screen (laptop size) the right column is now skinny line below the left column.

If I get get the word ‘Subject to follow the subject field and the two columns to line up horizontally on full screen then I’d be done.

Any thoughts? Thanks again.

bemdesign,

That definitely helps, although I’m not a coder and I’m afraid that I don’t know how to implement your suggestions. If you have any advice on how I could learn to do this specific task or any suggestions based on my existing css (copied below), I would be very grateful.

-thanks

whaleheartproductions.com/contact

Begin CSS:

#two-column {
width: 100%;
}

#two-column #left {
width: 300px;
float: left;
}

#two-column #right {
width: 250px;
float: right;
}

#two-column p {
margin-bottom: 12px;
}

#two-column input[type=”text”], input[type=”email”] {
border: none;
border: 1px solid #000;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
padding: 5px;
}

#two-column #right input[type=”text”], #two-column #left input[type=”text”], input[type=”email”] {
width: 240px;
}

#two-column textarea {
position: relative;
padding: 5px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}

#two-column input[type=”submit”] {
padding: 8px 18px;
background: #222;
color: #fff;
border: 1px solid #fff;
float: right;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#two-column input[type=”text”]:focus, #two-column textarea:focus {
background: #eee;
}

#two-column input[type=”submit”]:hover {
background: #fff;
color: #222;
border: 1px solid #222;
}

Okay, I figured out the border around the email field issue. I added input[type=”email”] to the css. The alignment issue on a smaller screen is still an issue, albeit one I could live with. If anyone has a suggestion I’d be grateful.

Thanks

Still haven’t figured this out yet. Any advice would be greatly appreciated.

-Thanks

Yes, that did it! Thanks so much. I had almost given up on that one.

For anyone else with the same problem, here’s a recap of what worked.

1. Make child theme with it’s own CSS that refers to the parent CSS (search the forums, you’ll find it)
2. Activate the child theme.
3. Add the following to the CSS in WP>Appearance>Edit CSS:

.tagline h1 {
display: none;
}
#main .inner {
padding-top: 0;
}
.tagline {
border-bottom: none;
padding-top: 0;
}

This removed the page title, tagline as well as the space where the two lived. My site if you want to see what it looks like: whaleheartproductions.com

Thanks again, Gabe

P.S. Maybe this is helpful. I installed Firebug, inspected the offending area and this bit of code was highlighted.

<div class=”tagline inner”>

Thoughts?

WPyogi,

Thanks again for coming to my rescue. It is different insofar as I’m not satisfied with the title being gone but the space and divider line remaining. I’d like to find a way to hide or remove both, if possible.

Currently, I have my child theme activated with the code you recommended above added to the CSS and the title does not appear. If you have any further advice I’d appreciate it.

Best, Gabe

whaleheartproductions.com

I’ve been doing some more reading and it seems like a number of people copy some or all of their parent theme style sheet into their child theme and then alter it there to overwrite. Is this a good idea?

The section of my parent theme css that seems like it might contain the code that controls this issue looks like this:

body { background:#fff; font-size: 12px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color:#888; }

#wrapper { width:980px; background:#fff; margin:0 auto; }
.inner { width:900px; margin:0 auto; }
#header, #main, #footer { margin:0 auto; width:100%; }

a { color:#d16f4e; text-decoration:none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
a:hover { color:#444; }
a:active{ outline: none; }
a:focus{ outline: none; -moz-outline-style: none; }

p { display: block; margin-bottom:20px; }
strong { font-weight:bold; }
input, textarea { font-family: Arial, ‘Helvetica Neue’, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

::selection { background:#d16f4e; color:#fff; }

.clear { clear: both; display: block; height: 0; width: 100%; }

img { max-width: 100%; display: block; height: auto; }

Thanks, Gabe

Cool, I’ve been working with WP for three days now and I think I might actually be able to help someone.

I had the same problem. Here’s what worked.

Go to your FTP File Manager with your web host (or wherever it is). Go to wp-content/plugins/wp-video-lightbox/js/video-lightbox.js

Open the file to edit. Scroll to the middle and you should see:

$vid_lightbox_autoplay = ‘false’;

Change ‘false’ to ‘true’. Save and close. That should do it. good luck.

“never mind I figured it out. It’s in the wp-video-lightbox/js/video-lightbox.js in case anyone else needs this ?? “

This worked for me too. Thanks.

WPyogi,

Your name is very fitting. The CSS you provided worked perfectly. I can’t thank you enough.

To reiterate for anyone else wanting to solve this problem, I am using the Purity theme from Themeforest and added the following CSS to the CSS Stylesheet editor (Dashboard > Appearance > Edit CSS) in order to remove the space where my pages titles would normally be.

The CSS is:

.tagline, #main .inner {
padding-top: 0;
}

.tagline h1 {
display: none;
}

Thanks again, Gabe