laptophobo

I believe that Fourteen Extended has updated their plugin that eliminates the image weirdness of earlier.

The Pro version does. But, to get your row of columns to stack and/or collapse responsively, you’ll have to alter the CSS. Use the “single column” choice in the plugin, and something like this for the CSS:

div.srp-single-column{
display: inline-block; /* this allows single posts to break rows when responsive */
width: 560px;
}

You may wish to try copying the list of media queries from your parent style.css onto your child, then modify them. Here’s what is working for me so far…

@media screen and (max-width: 400px) { /* includes Galaxy s4 and iphone 5 portrait */
{enter style here}
}

@media screen and (min-width: 401px) { /* includes Galaxy s4 and iphone 5 landscape */
{enter style here}
}

@media screen and (min-width: 594px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 673px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 783px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 810px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 846px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1008px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1040px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1080px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1110px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1218px) {
/* YOUR STYLE GOES HERE */
}

@media screen and (min-width: 1260px) {
/* YOUR STYLE GOES HERE */
}

/**
* 12.0 Print
* —————————————————————————–
*/

@media print {
/* YOUR STYLE GOES HERE */
}

I found a solution after all. the Gravity Forms plugin has “conditional logic” settings that has allowed me to do exactly what I want.

The debugger worked. Thank you.

Excellent! I’ll eagerly await the upgrade. Thanks Zulfikar.

The Photon module isn’t activated on my site. And to be sure, I deactivated the Jetpack plugin. Still, the images are being automatically resized to 100% instead of the image’s actual size. In advanced settings, if I change “alignnone size-full wp-image-1254” to simply “alignnone” it fixes it. It’s a work-around, but I’d rather not have to do that all the time.

It appears that the problem is stemming from the plugin “fourteen extended”, which helps to remove the left sidebar in the theme. Something within the plugin is shrinking the image down from 1038px to 672px, then rendering it back to 1038px when viewed (thus stretching the image when it should be viewing it unadulterated). That being said, I think I need to address this problem with Fourteen Extended.

Yes, this is a very helpful plugin. However, I too am having problems with utilizing the “full size” option when I’m adding an image to a page or post. Although I’ll select “full size – 250×280”, it renders the photo to 100% of some residual styling. Huge image occurs. The work around is to use the “Advanced Settings” option afterwards and change “alignright size-full wp-image-1259” to “alignright”

I’ll subscribe to this thread to see if

That right sidebar issue isn’t something I’m familiar with. So, can’t help you on this one. But, post the question in the Forum to see if someone else can help.

Disregard the above question. I found the correct template and location: featured-content.php.

Yup, me too. I have a couple of websites that use this plugin and they don’t work either–ever since upgrading to WP 3.8.

I’m see this sort of function more and more on some of the major news websites. Should you ever develop such a plugin, I’ll be a customer.

Best,

Amazing. All of the concerns I had after seeing my new Dashboard are posted in this thread: keeping the widget columns in a single row per previous installations, and having different color options for the dashboard pallet. (I prefer the original colors.)

Hi Myatu,

Thanks for getting back. I had tried that CSS option earlier, with this tag:

div#site {
	margin-top: 600px;
}

and

div#site {
	margin-top: 100%;
}

The problem with that method is that the vertical height is not consistent on the users screen size. I did, however, ask around in WP forums for a solution and got this JS option:

$ = jQuery;
$windowHeight = $( window ).height();
$target = $( '.your-class-example' );

$( document ).ready( function() {

 //Apply the min-height to your element
 $target.css( 'min-height', $windowHeight + 'px' );

});

$( window ).resize( function() {

 $windowHeight = $( window ).height();
 //Apply the min-width to your element
 $target.css( 'min-height', $windowHeight + 'px' );

});

However, JS is a bit over my head and I was hoping for an easier solution.