- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
I’m using User Frontend plugin and I’m getting an error on post form page like this:
Failed to load content css: http://mydomain/wp-includes/js/tinymce/skins/wordpress/inc.css?ver=4.8
Is that a template error and how can I fix this?
It only works with custom css, why is Theme Panel not working?
I am using PAGES -> PAGE CONTENT and changed the text there to 21px and line height to 38px, but it still shows a 15px text a 26px line height.
Hi there!
I’m here cause i noticed a little bug on the mobile version of Newspaper. When you load the homepage or an article, before that the browser loaded the full HTML/CSS, there is a blue color on the page that cover the content, exactly the color of menu’s background. Is there a way to fix this, i don’t really like that.
Screenshot link: http://i.imgur.com/HK21fPV.png
Thanks in advance
Hi,
What’s the best alternative, for performance, when using custom CSS? Is it to put it the Child theme or in the Custom CSS area in the Theme panel?
Today I have it in the Theme panel and it almost always takes a blink of an eye before the CSS is loaded. I want it to be loaded immediately, of course 🙂
Best regards,
Oskar
Hi,
I changed default fonts with Montserrat and Ubuntu but website at https://tacticalpedia.com continues loading open sans and roboto yet.
How can I avoid it?
Thanks,
Francesco
Hi,
I believe that cannot be achieved through Css. The only way would be to manually remove the title from each image in the media library. You can find more information in these topics about using code to remove the title attribute
– https://stackoverflow.com/questions/8078388/hiding-title-tags-on-hover
– https://stackoverflow.com/questions/15364063/is-it-possible-to-hide-the-title-from-a-link-with-css
Thanks
Hi Catalin thanks,
yes, because I came back to the visual composer…
in that case I leave it only on the pages added in \td-speed-booster.php
if(is_single()){
unset($this->style_footer_queue[‘js_composer_front’]);
}
But with tagdiv composer what is the best way to remove all js and css included from articles?
Who has a news site has very few pages and many articles. On articles the speed is very important
Thanks!
Hi,
You could set a custom margin in each of the blocks. In this example I want to reduce the space between the Big grid and the 2 blocks below
– https://www.screencast.com/t/zDaRJPQmrZ
This can be done by setting a custom margin between these elements
– https://www.screencast.com/t/xbha2FAJ
It could be done with some css as well
– https://www.screencast.com/t/B8Mw0WjEVrZ
You can identify the elements on the page and their classes using the browser inspector, and create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
That is created entirely using the Woocommerce options and settings. Maybe some extensions and plugins could be necessary. More information here
– https://docs.woocommerce.com/documentation/plugins/woocommerce/
– https://wordpress.org/support/topic/how-can-i-add-buy-now-and-add-to-cart-buttons-to-my-woocommerce-store/
You could remove hide the prices for products with Css, or with a plugin if there is one that has this option. Or search online for modifications to the code that are needed to achieve this
– https://asdqwe.net/blog/how-to-hide-product-price-woocommerce/
For redirecting there could be plugins as well, or code solutions
– https://stackoverflow.com/questions/40946495/woocommerce-external-affiliate-product-image-to-external-link-buy-url
You can search for different solutions, maybe you will find better and easier options to customize the way you want the shop functionality. The easier way would be to use plugins or extensions where available.
Thanks
I’ve tried adding this to style.css but it didn’t work..
.wp-caption .wp-caption-text:hover{
display:none !important;
}Site is http://www.thelotusforums.com – any suggestions please 🙂
Hi,
Sorry but the code is custom made for each demo in particular. If you like the style of one demo and want to replicate it on another demo, that will not be an easy task. You will need css skills as this represents customization and we cannot provide custom work. You can inspect the crafts demo css code and try to replicate it on your own install. https://www.screencast.com/t/CDwLGJulvqf
Copying the style of one demo onto another demo is not part of the theme or the theme support. Each demo has it;s unique custom implementation that cannot be moved easily to another demo. A demo is considered as a whole element. You cannot have parts of one demo on another demo. It has to be made custom if you need it that way.
Thank you!
Hello Erythros,
If you want to change the source for that ad, you can do it from Theme panel, like this -> https://www.screencast.com/t/pSrPRRUDL77
That place is designed for related videos/articles. If you do not have something like that in your category, there you will not bring any results. You should provide the exact link to this post so I can inspect it closer. You can hide it with a bit of CSS code.
Thanks for the message!
Hi,
You could set a smaller margin bottom for the block titles, with a code like this
– https://www.screencast.com/t/RugUbv0BHCfg
You can try experimenting with different values until you get the results you want. The code must be entered in Theme panel->Custom Css
.block-title {
margin-bottom: 5px;
}
Thanks
Hello,
Please remove all of your custom css (create a back-up beforehand) as there are many rules in there that could affect the page layout. Then test the site without the custom code.
Also check your ad to see if it’s responsive or not. If your ad is not responsive, then it can also create problems. Please use this method to implement your ads for other devices: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Thank you!
Thanks Simion, much appreciated! But it doesn’t work for some reason…
I created the path and copied the respective file in my child theme, then added the following line of code on the suggested place in the php code: ‘w-menu’ => ‘w menu’ but it breaks the site. To try, I added the code in the respective file, in the respective parent theme’s folder (as you describe above) – it breaks the site again.
I have the shop menu created, just can’t create a new location- woocommerce pages.
Btw, just as a note, in case that matters – I use the following code to avoid loading woocommerce scripts on non-woocommerce pages:
add_action( ‘wp_enqueue_scripts’, ‘dequeue_woocommerce_styles_scripts’, 99 );
function dequeue_woocommerce_styles_scripts() {
if ( function_exists( ‘is_woocommerce’ ) ) {
if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
# Styles
wp_dequeue_style( ‘woocommerce-general’ );
wp_dequeue_style( ‘woocommerce-layout’ );
wp_dequeue_style( ‘woocommerce-smallscreen’ );
wp_dequeue_style( ‘woocommerce_frontend_styles’ );
wp_dequeue_style( ‘woocommerce_fancybox_styles’ );
wp_dequeue_style( ‘woocommerce_chosen_styles’ );
wp_dequeue_style( ‘woocommerce_prettyPhoto_css’ );
# Scripts
wp_dequeue_script( ‘wc_price_slider’ );
wp_dequeue_script( ‘wc-single-product’ );
wp_dequeue_script( ‘wc-add-to-cart’ );
wp_dequeue_script( ‘wc-cart-fragments’ );
wp_dequeue_script( ‘wc-checkout’ );
wp_dequeue_script( ‘wc-add-to-cart-variation’ );
wp_dequeue_script( ‘wc-single-product’ );
wp_dequeue_script( ‘wc-cart’ );
wp_dequeue_script( ‘wc-chosen’ );
wp_dequeue_script( ‘woocommerce’ );
wp_dequeue_script( ‘prettyPhoto’ );
wp_dequeue_script( ‘prettyPhoto-init’ );
wp_dequeue_script( ‘jquery-blockui’ );
wp_dequeue_script( ‘jquery-placeholder’ );
wp_dequeue_script( ‘fancybox’ );
wp_dequeue_script( ‘jqueryui’ );
}
}
}
Thanks for your support!
Hi there,
I’m wondering if there’s a way to adjust the margins of the block titles. As it stands now, the block titles hang about a centimeter above the photo; it seems to me that’s too much wasted space; I’d rather have more spacing between each element and have those elements relatively tight. Ideally, I’d like the horizontal line of the block title to be just touching the photo of the story underneath. While I can mess around with the css attributes of the block itself, I can’t find a way to adjust that big empty space between the title and the photo.
I’ve tried manually inserting block titles as a seperate element, and I can adjust that CSS just fine (padding -35 or so), but for those elements (especially sidebar widgets) that have their own title fields built in, I’d rather just have all of the titles conform to one spacing convention and be able to edit everything within the block itself. is there any way to do this?
I need to hide date from a specific post(Post id 122). I have tried multiple variances of below
.postid-122-date { display: none } or
.postid-122-post-date { display: none; }
Can you please help me identify that name of the date field which should be used in the CSS to hide the post date?
Hello,
You can use font awesome for menus and change the icon to one of the icons provided by the plugin using a css rule.
Here is a list of icons and their css content values: http://astronautweb.co/snippet/font-awesome/
Here is a css code example that can change the menu icon using font awesome icons:
https://www.screencast.com/t/TRMsEFoIIb
Thank you!
I really did check everything, but I don’t know whats the code…
These are changes in Custom CSS:
/* VIDEO POST */
.td-video-template-bg .td-category a {
background-color: #ff3c36;
}
.td-video-template-bg {
background-color: #000;
}
.td-video-template-bg-small {
background-color: #222;
}
/* POST LIST BLOCK 21 */
.td_block_21 img {
border-radius: 53px;
-webkit-border-radius: 53px;
-moz-border-radius: 53px;
}
.td_block_21.td-column-1 .entry-title {
font-size: 18px;
line-height: 24px;
min-height: 0;
padding-left: 0;
font-weight: 800;
}
/* BIG GRID FULL 1 */
.td_block_big_grid_fl_1 .td_module_mx18:hover .td-module-title a {
color: #ff3c36!important;
}
/* BIG GRID FULL 2 */
.td-big-grid-post .entry-title a {
color: #000;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
font-size: 39px;
line-height: 50px;
font-weight: 800;
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
}
.td-big-grids-fl.td-big-grids-margin .td-big-grid-post {
border-width: 0 0px;
}
.td_block_big_grid_fl_2 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_2 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}
/* BIG GRID FULL 3 */
.td_block_big_grid_fl_3 .td_module_mx20:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_3 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
/* BIG GRID FULL 8 */
.td_block_big_grid_fl_8 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_8 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_8 .td_module_mx25:hover .td-module-title a {
color: #ff3c36!important;
}
/* CATEGORY POST */
.td-post-category {
background-color: #ff3c36;
}
.td-grid-style-1 .td-post-category {
background-color: #ff3c36;
}
.td-big-grid-post .td-post-category {
display: inline-block;
margin: 0 0 5px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
display: inline-block;
margin: 0 0 -6px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
color: #fff;
background-color: #ff3c36;
white-space: nowrap;
}
/* POST NASLOV STIL 3 */
.td-post-template-3 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 5px 0px;
color: #000;
}
/* POST NASLOV STIL 7 */
.td-post-template-7 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 10px 0px;
color: #000;
}
.td-post-template-7 .td-post-header .entry-title {
line-height: 80px;
}
/* BOX QUOTE */
.td-post-content .td_quote_box {
background-color: #fff;
border-left: 10px solid #ff3c36;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}
.footer-text-wrap .footer-email-wrap {
padding: 10px 0;
}
.td_module_1 {
padding-bottom: 10px;
padding-top: 30px;
}
.td-footer-bottom-full .block-title {
margin-bottom: 10px;
}
.td-post-content .dropcap3 {
background-color: transparent !important;
color: #333;
font-weight: bold;
font-size: 117px;
line-height: 107px;
margin: 0px 10px 0 0px;
padding: 0 13px 0 0;
}
.td-post-content .dropcap {
float: left;
display: block;
font-size: 90px;
line-height: 55px;
background-color: #fff;
color: #ff3c36;
text-align: center;
margin: 7px 20px 10px 0;
padding: 28px 33px 25px 33px;
font-family: Roboto;
text-transform: uppercase;
min-width: 62px;
min-height: 62px;
border: 1px solid #ff3c36;
font-weight: 600;
}
Hello davps1980,
You should adjust it using a bit of CSS code to align these elements, sorry! You bring this results because the theme is not tested with this plugin and also, the results will not be the best, sorry!
In order to create your custom CSS code, you should check our useful guide, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi Catalin
for speed single articles how is not used td-composer
how do you delete these files reported by gmetrix?
wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css
/wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/ext-language_tools.js
/wp-content/plugins/td-composer/assets/js/js_files_for_live_css.min.js
/wp-content/plugins/td-composer/assets/js/js_files_for_plugin_live_css.min.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/mode-less.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/text.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/less.js
thanks
Hello,
It gets cut off because of your custom css in the theme panel. You removed the page margins and padding to get the content right next to the ad, but you did not add any responsive rule to your css.
Please move your code (the one you intended to only affect the desktop version) to the advanced css section and apply it to the desktop viewport only so you do not break the responsiveness with the css rules.
Thank you!
Hello nikthehat,
Notice that you can hide elements only for mobile devices if you will use the @media queries for mobile, like in the above example.
@media(max-width: 768px){enter your code} Try to create your custom CSS box using the Inspector Browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello newbietamvan,
You can adjust your search icon if you are using the line-height. Try the code below and place it in Theme panel ->Custom CSS area.
The code is ->
.td-icon-search{
line-height:38px;
}
Thanks for the message!
Hello,
This is because you changed the grids. The new full grids do not yet have typography settings so you will have to change the font with css.
Please use this code in your theme panel-> custom css box:
.td_block_big_grid_fl_8 .td_module_mx19 .entry-title{
font-size:27px!important;
}
.td_block_big_grid_fl_8 .td_module_mx25 .entry-title{
font-size:18px!important;;
}
Thank you!
Bogdan B
