Search Results for 'css'

For those who need to move the style.css to footer for above the fold critical CSS setup,

see this thread

https://forum.tagdiv.com/topic/help-moving-style-css-and-fonts-googleapis-com-to-footer/

options include
a) use speed booster

b) de-enqueue the style.css
c) manually put style.css link in footer.php

Hi Andrei,
now google DFP “responsive” banner works as you can see here http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/. Actually, is not a really “responsive” behaviour because it doesn’t adapt the banner size as soon as the browser width changes but, it fetches the right banner size on the page load on the base of the detected browser viewport width. So that, on an Iphone 6 for instance, it loads correctly the 320×50 rather than the 728×90 as would load on a PC screen. The problem of banner sqeeze was your custom CSS code

.td-header-container{ top: 95px; margin-top: 0; }

used to make cliccable the upper part of the skin.
So what could be a the trade-off solution that both make cliccable upper part of the skin and doesn’t cause the banner squeeze problem?
Thanks a lot for your kindness and support on this unexplorated field 🙂

Giuseppe

Hi

We recommend adding the css in theme panel > custom css field because it’s a easier way to do it then in style.css file and also the code will remain there when the theme it’s updated.

Use this css to correct the scroll down a bit the post’s content: http://screencast.com/t/n3A8EBt0g

.td-container{
top: 95px;
}

Thanks!

Hi

Replace all css with this one, now the border should be displayed fine:

@media(max-width: 768px){
.td-menu-mob-open-menu .td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
}
}

Thanks!

Hi

You can move theme’s css and google fonts in footer by adding this code in td-speed-booster.php file: http://screencast.com/t/3wlizASZysUv

$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google-fonts-style');

We didn’t moved theme’s css at page bottom automatically because in this case there appear a delay with the style on page load. If you move the main css in footer the page’s style will be applied only after the html it’s loaded.

Thanks!

Hi

Try this css in theme panel > custom css: http://screencast.com/t/4IfnZqMAhZcw

.comments{
position: relative;
}

Thanks!

Hi Andrei,
using the site after the your proposed modification of the CSS custom code which seem to work fine at first glance, we have noticed that it unfortunately causes bad side effects on the new created posts because it cuts off the upper side of the posts (please see http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/2016/03/23/benevento-alla-camera-di-commercio-la-presentazione-del-giro-ditalia-day-2/) or its screenshot http://screencast.com/t/LZrwkKOTgq:
as you can see, some part of the post title is cutted off because the post itself appears to be shifteed upwards therefore hiding some part of the post frame.
The complete title of the post is instead http://screencast.com/t/oXahLMMy0rqQ.
What could be wrong?
Thanks in advance for any appreciated help.
Giuseppe

Thanks for the reply. I implemented this CSS and the menu is now centered, however it does not appear in-line as it does in the screencast.

This is not a big deal however, I can try to figure that out later if it’s too much trouble.
Thx

Hi Andrei,
thank you very much indeed: background skin and mouse pointer shape now work perfectly and as expected! Just one question: why do you advice to insert the custom CSS code by means of the theme panel rather than adding it directly in the Newsmag style.css file?
May be adding it by means of theme panel will preserve it from overwriting on theme update?
Thanks in advance for any appreciated and precious help.

Giuseppe

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/dkN1ivSk

@media(max-width: 768px){.td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
}

Thanks!

for style.css

try
function custom_dequeue_stylesheet() {
wp_dequeue_style( 'theme-style' );
}
add_action( 'wp_enqueue_scripts', 'custom_dequeue_stylesheet', 99 );

Main issues are

a) search remove any alignment tags from WP like on paragraphs which should have been CSS classes

b) look for weirdo iframe syntax errors, as some of those not sure how to fix

c) make sure anything loaded from external locale is https (like YouTube, any “embeds” of ANY kind …)

the AMP plugin, + Yoast SEO, + Yoast ‘glue’ plugin can fix some stuff in meta, but NOT stuff in the content.

btw, if you’d like to syndicate some of our national news (from @send2press) let me know 😉

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/zti5r7nxN4D

.td-header-style-5 .td-header-row{
width: 1021px;
margin-left: auto;
margin-right: auto;
}

Thanks!

Hi

You can use a css like this one:

.td_block_big_grid .td-module-thumb a:before, .td_block_big_grid_2 .td-module-thumb a:before, .td_block_big_grid_4 .td-module-thumb a:before, .td_block_big_grid_5 .td-module-thumb a:before, .td_block_big_grid_6 .td-module-thumb a:before, .td_block_big_grid_7 .td-module-thumb a:before {
background: transparent !important;
}

This code will target all grids except big grid 3.
Thanks!

Hi

Try this css in theme panel > custom code > custom css:

.td-header-container{
top: 95px;
margin-top: 0;
}

Thanks!

Hi,

I disabled all the plugins (also updated Visual Composer to the last theme-included version) but no change.

I think the font size problem is due to the fact that i still have to use a css-hack to actually target the paragraph (p) settings under the individual pages, like:
.page-id-81 p {font-size: 12px !important;}
– if my forum page has 81 as the id-number.

This has been an issue since i brought the theme about a year ago (have had to do it on my contact-page for example). It only applies when using Visual Composer since the divs being created by it seems to be uneffected by the regular page paragraph setting.

As for the link on the H1/Title being incorrectly set to the bottom-most forum I have no idea what can cause. I disabled the whole H1-tag with:
.bbpress .td-page-title {display: none !important;}
Not an ideal solution, but at least it works.

Any more ideas on this?