Search Results for 'css'

Great Thank’s! It funny because some pages show fine but may be due to the size of the Grid. I will try to remove the Child and Re-Install making sure its current! If not change the css code.

Thanks again

Child themes are a nice way to do things without the fear of being overwritten on update. For those who use the UI to update, can’t beat it. I typically try to not use @import or includes if at all possible, to reduce http requests, so I like to copy the parent style.css into the child style.css and remove the imports. Keeps things smoother and accomplishes the same thing.

Not too sure how that would work for the functions file, but my assumption is that it would break it based on the same reasoning you gave. Maybe not with the new theme.

Of course, given that the child theme is having other issues, and since I’m never opposed to more speed (GT Metrix score of 91 without a caching plugin so far – W3TC encrypts my pages for some reason and displays the code), I’m thinking about switching back to the parent theme. My custom CSS is all in the theme panel anyway, and my edits to header.php and td-module-single.php are pretty basic.

If I could just find a way to speed up the loading of ads from AdSense through AdZerk then I’d be blazing along. Your tips certainly help in the meantime.

Funnily enough it occurred to me last night to update that just as you did, but then I forgot (was watching “MIST” on Amazon Prime…. ). Good job, kind sir! 🙂

As to CHILD themes… well… you are correct it likely doesn’t matter anymore with TagDiv themes, although I do seem to recall it did at some point based on feedback.

I personally don’t use child themes and am against such practice, but that is my own preference due to the CSS redirect aspect. Some themes don’t do well with putting functions that change “core” behavior when put in the child theme; and this is based on my “full stack” for changes/suggested code. Your mileage may vary, depending on theme/version. Since everything in the child theme can be a redirect, I simply don’t trust it — but if it works for you, then have at it. When folks websites stop working, I usually suggest going with “lowest common denominator” and one of those debug aspects is NOT using child theme — but it’s not a “law” or anything — again, just my OPINION. 🙂

Put another way; I’d rather have ALL the optimizations working in main theme vs having to cut some back just to use child theme. Again, your experience may vary. If you can run mods in child theme, why are you bothering to use the “slim” version exactly?

• This reply was modified 11 years by simchris.

This is what you should have:

.vc_row {
  margin-left: -24px;
  margin-right: -24px;
}

But you actually have yours loading on the page as -15px for each. It’s shrinking the overall width of the container, which forces the parts of the grid to stack like that.

You can enter the above CSS rule in the Custom CSS editor or you can have whoever fix that in their custom code, as that’s how it got changed to begin with. If you’re trying to change the width of the page container, you need to resize the grid elements to work with the narrower width as well. Highly unlikely to have any other cause. You might try reuploading the child theme from the latest version of Newspaper to make sure it’s up to date.

I would check the child themes style.css for the source of modification, since it’s best to remove the mod than to add another mod to counter it.

Good luck.

It’s not the same problem then as mine only happens when the child theme is enabled, but yes, those two rules will work with the child and parent themes.

Looking at your site, I’m not seeing the issue appear on Chrome and desktop. I do see that you need to regenerate your thumbnails though. It’ll fix the skewed images. Regenerating your thumbnails may just fix the problem you’re having, so you should try that before adding any custom CSS rules.

Use this plugin to regenerate your thumbs: Regenerate Thumbnails

I know the plugin isn’t updated much and says it’s not compatible with newer versions of WordPress, but it works just fine with 4.2.2. I used this plugin to regenerate all my thumbs earlier this week. It took a long time because there were almost 3,000 images to regenerate, but it worked great.

I never used v6, just went straight to v6.1 and am waiting until the next release after v6.2 since I’m sure one is coming very soon to fix that title issue you experienced. But it’s been happening the whole time, on both the main and development sites I run.

I can’t figure out why, though. The child theme is so bare and includes nothing to alter the images at all. There’s likely a function somewhere in the parent theme that is causing it, but the developers are the only ones who know for sure.

Here’s a patch to hold us over until they fix the child theme issue. In Advanced CSS enter these values:

Desktop –

.td_block_18 .td-column-2 .td-module-thumb {
  height: 378px;
}

iPad Landscape –

.td_block_18 .td-column-2 .td-module-thumb {
  height: 350px;
}

That fixes the problem in a backwards way and keeps everything responsive for all devices. Hopefully we can get a true fix soon, though.

/*CHRISTOPHER's CUSTOM MODS - slim version */

remove_action( 'wp_head', 'wp_generator' ) ;
remove_action( 'wp_head', 'wlwmanifest_link' ) ;
remove_action( 'wp_head', 'rsd_link' ) ;
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action('wp_head','print_emoji_detection_script',7);
remove_action('wp_print_styles','print_emoji_styles');

function no_errors_please(){
return 'You appear to be up to no good. Please stop now!';}
add_filter( 'login_errors', 'no_errors_please' );

function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
 $src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

This is the combined block of code (including the emoji removal mentioned above) that goes at the END of the functions.php file.

@neotrope Not sure why you said that code can’t go into the child theme. I’m running the child theme and inserted this into the functions.php file inside the child theme directory and it’s working spectacularly. Do you mind elaborating on why you emphasized that so much?

Thanks for codes @neotrope and @fudoki

Try this in your Custom CSS:

.td-video-play-ico {
  display: none;
}

You could go further and use the Advanced Custom CSS sections in the theme to hide only on the device widths where it doesn’t show up right anyway.

Hope it helps.

There is this line of CSS. In Inspector, if I disable this line, the block shrinks and fits perfectly. As you can see, this piece of code is mixed in with a bunch of media queries and even has some comments in it for responsive design, but it doesn’t appear to be within a media query itself.

I can change that value to height: 378px; but since the problem isn’t occurring on a duplicate of the site, I’m thinking there is another problem and manipulating these value only disguises it.

I definitely do not want to hide problems on the site. So I’m hoping you guys can tell me what’s causing the thumb to resize in the browser. I’m not running any caching plugins and have cleared my browser cache repeatedly; it’s not that.

At a loss for the next step, though.

Thanks.

Hi,
I will mail you, and I prepared some jped files explaining what I’d like to customize in the theme. I managed somehow to change the container width with the css codes:
.td-container {
max-width: 1024px;
margin-right: auto;
margin-left: auto;
}
I narrowed a little bit changing from the default value to the 1024px.

I’d like to decrease a little bit the main width, that I show in the picture:
http://oi57.tinypic.com/2vj69dx.jpg

And I’d like to decrease a little bit the spaces in some blocks that I’ll show you in these jpeg pictures

http://oi57.tinypic.com/23jhni9.jpg

http://oi61.tinypic.com/29pc6bs.jpg

And I’d like to customize the space between columns.

This is for the desktop view, I need CSS codes for these changes.

Solved with CSS…cheers!

Hi

Try using this css:

.td-header-main-menu .td-icon-menu-down{
display:none;
}

The result should be like here: http://screencast.com/t/SzMllSc8OP

Thanks!

• This reply was modified 11 years by Andrei L..
• This reply was modified 11 years by Andrei L..

Hi

Try using this custom css:

.td_block_slide .td-post-views{
display:none;
}

It should work fine: http://screencast.com/t/1aqJVAXYXgt

Thanks!

Hi

Please use this custom css:

.td-head-form-search-wrap input[type=submit]:hover {
background-color:black!important;
}

It should work fine: http://screencast.com/t/DHzCHabQfOg

Thabks!

Please use this custom css:

.td_category_template_2.td_category_top_posts_style_1 .td-subcategory-header{
margin-top:0;
}


It should work fine: http://screencast.com/t/XUWh2LH5Pvn8

Thanks!

Hi

Please try this custom css:

.td-module-comments a {
background-color: red!important;
}
.td-module-comments a:after {
border-color: red transparent transparent transparent!important;
}

It should work fine: http://screencast.com/t/UXKKl5d5b5RJ

Thanks!

That doesn’t work 🙁

I put it in my Custom CSS Field, but there’s is no change, even when i empty the cache