Hello sir, can I make the anchor text underlined by using css?
Hi,
I finally updated the Newspaper theme from 8 to the latest. I used the Envato Theme to do it. However, when it updated, the website broke and I had to change it in the File Manager to “Newspaper_old” and then reinstall. It worked but I lost all my custom CSS code which took care of ads, images, and logo.
For instance, I have a client that runs a 728×90 on the Top Article placement. It gets cut off now. I was also running a custom Wallpaper ad that utilizes two rails on both sides.
1. Is there a place where I can find the old code?
2. If not, is there a way I can input a custom CSS code for the Top article ad to run outside the container?
3. I want to make my logo larger and I use Header 3. I don’t want to use the full size version. I just want it slightly larger. Any custom code for that?
I have disabled comment count on posts but the homepage post excepts still show a bubble with zero comments.
I’m looking to remove the post comment bubble on this page and everywhere else on the site, what is the correct css code for this?
Hello,
I’ve noticed this white space popup under main menu when I click on logo multiple times and this usually happen if it load on slow speed internet but also occur if you click several times on logo to to refresh. I dont know what’s going on even i removed the custom css code, problem still facing.
Can you help fixing this?
Hello,
On a clean WP install with Newspaper theme we get the following error:
Fatal error: Uncaught Error: Call to undefined function iconv() in /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/wp_booster/td_util.php:1541 Stack trace: #0 /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/wp_booster/td_css_res_compiler.php(54): mb_detect_encoding('}\xE6\xAD\xBA\xB7\x9D') #1 /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/shortcodes/td_block_big_grid_7.php(68): td_css_res_compiler->load_settings('td_block_big_gr...', Array) #2 /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/wp_booster/td_block.php(231): td_block_big_grid_7->get_custom_css() #3 /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/shortcodes/td_block_big_grid_7.php(96): td_block->get_block_css() #4 /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/wp_booster/td_global_blocks.php(28): td_block_big_grid_7->render(Array, '') #5 /home/xxx/public_html/xxx/wp-i in /home/xxx/public_html/xxx/wp-content/themes/Newspaper/includes/wp_booster/td_util.php on line 1541
Also, most pages don’t work and all posts don’t show images.
Please advise.
Hi,
You have set an inline width and height with 1px
https://www.screencast.com/t/jUIa2GZTZU6
Please deactivate all plugins, clear all cache and try again.
Also please purge CDN.
Please use this css to force the width
.sf-menu img {
width: 100%;
}
Thank you.
Hi,
Please try this custom css
.td-md-is-safari .td_flex_block_1 .td_module_flex_1 .td-module-container,
.td-md-is-safari .td_flex_block_2 .td_module_flex_2 .td-module-container,
.td-md-is-safari .td_flex_block_3 .td_module_flex_3 .td-module-container,
.td-md-is-safari .td_flex_block_4 .td_module_flex_4 .td-module-container,
.td-md-is-safari .td_flex_block_5 .td_module_flex_4 .td-module-container {
display: -webkit-box;
}
.td-md-is-safari .td_module_flex_1 .td-module-meta-info,
.td-md-is-safari .td_module_flex_2 .td-module-meta-info,
.td-md-is-safari .td_module_flex_3 .td-module-meta-info,
.td-md-is-safari .td_module_flex_4 .td-module-meta-info,
.td-md-is-safari .td_module_flex_5 .td-module-meta-info {
width: 65%;
}
Hope this will help you better.
Thank you.
Hi,
Please try this custom css
.editor-block-list__block-edit blockquote, blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:”\201C””\201D””\2018″”\2019″;
text-align: justify !important;
}
.editor-block-list__block-edit blockquote:before, blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
.editor-block-list__block-edit blockquote p, blockquote p {
display:inline;
}
https://www.screencast.com/t/9Nus035T64rQ
https://www.screencast.com/t/E0zMpw0FfVD2
Set the css in Newspaper>Theme panel>Custom code>Custom css
Thank you.
Hi,
It could be done with some CSS, something like this should do it
– https://www.screencast.com/t/YPrw0KUpE3
The values in the code are half of the default values, you can tweak them more if necessary
.td-header-style-10 .td-logo-wrap-full .td-logo,
.td-header-style-10 .td-logo-wrap-full {
line-height: 65px;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 65px;
}
Thanks
After the most recent update I now have CSS code that shows up on the live page above every header. Not sure what happened or how to fix it. Please help.
“[vc_row el_class=”td-news-ticker”][vc_column tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0yNSIsImRpc3BsYXkiOiIifX0=”][vc_column_text header_text_color=”#ffffff” header_color=”#dd3333″]” is the code above the top header… the other headers have a shorter version like this
[/vc_column][/vc_row][vc_row el_class=”td-ss-row”][vc_column width=”2/3″]
rev310.com is the site. If you visit the page you’ll see what I’m talking about…
Hi,
Just add this custom css in Newspaper > Theme panel>Custom code> Custom css
.td_module_wrap:hover .entry-title a{
text-decoration: underline;
}https://www.screencast.com/t/33ixx7T26
The code above will make your link to be underline, and will get the color of that block.
Thank you.
Hi Calin,
And thank you for your answer.
My problem is not on front end, but in back office.
The blockquote is “big” and taking a lot of place when you’re writting a post.
I’d like the blockquote appearence in the wordpress editor look the same as my css front end.
This is what I use as a custom css for front end display :
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:”\201C””\201D””\2018″”\2019″;
text-align: justify !important;
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
Thank you.
Fred
I came across this thread because I was looking for the same solution.
I have a set of categories I would like to “hide” from showing on posts (via theme settings), including the “Featured” category, and I noticed that these categories were being shown on AMP pages.
The solution is VERY easy.
Modify the “single.php” file under plugins > td-amp > templates:
Where it says:
<?php require_once('categories.php'); ?>
Replace that with:
<?php echo $td_mod_single->get_category(); ?>
Be aware that this will affect your CSS settings, so make sure you change “post-categories” to “td-category” in your CSS. And voila!
i use this css code for block on desktop the stickly option:
/*DESKTOP 1141px + */
@media (max-width: 1141px){
/*Disable menu stickly*/
.td-header-menu-wrap.td-affix {
display: none;
}
}
but not work for me
The default shop page cannot be edited with the composer and stretched, as I mentioned above. That will be possible only if you build a page with the composer, display products in it, stretch the rows etc.
I could give you some CSS and force the width like this – http://prntscr.com/lxhvfr
Note that it will also affect product category pages.
Enter it in Advanced CSS in the desktop field – http://prntscr.com/lxhwh4
.woocommerce-page.archive
.td-main-content-wrap .td-container {
width: 100%;
max-width: 80%;
}
Hi,
Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td_flex_block_1 .td_module_flex_1 .td-module-container,
.td_flex_block_2 .td_module_flex_2 .td-module-container,
.td_flex_block_3 .td_module_flex_3 .td-module-container,
.td_flex_block_4 .td_module_flex_4 .td-module-container,
.td_flex_block_5 .td_module_flex_4 .td-module-container {
display: -webkit-box;
}
Let me know how is working.
Thank you.
Hi,
Unfortunately our theme do not have this function, sorry; there are just few blocks that have this option with color, and is general, for all devices.
I think this can be done with custom css if you have the proper skills -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hi,
If you do not like this change of font you can change it in theme file, go in wp-content/themes/Newspaper/gutenberg-editor.css
https://www.screencast.com/t/NkL2JcsKNPY
and change the font-family: Verdana, Geneva, sans-serif or delete it.
Thank you.
Hi,
This custom css will change your subfooter color too,
.td-footer-wrapper li a:hover,
.td-footer-wrapper .td_module_wrap:hover a,
.td-footer-wrapper a:hover,
.td-sub-footer-container .menu-sub-footer-container a:hover
{
color: red;
}
Thank you
Hi,
Unfortunately there is not a setting only for that, our theme have only a general accent color -> https://www.screencast.com/t/SeoLt4oWStWP
But You can use a custom css
Just set the below custom css, and change the colors
Newspaper>Theme panel>Custom code>Custom css
.td-post-content a:hover {
color: red;
}
.td-post-content a{
color: pink;
}https://www.screencast.com/t/4XYPyfQUMUUd
Thank you for your understanding.
Hi,
Unfortunately that is the only one option for that, in order to hide the rest of authors you’ll need some custom css, please provide a link to your website were I can inspect this problem, in this way I will be able to provide you the right custom css.
Thank you for your understanding.
Hi,
In order to achieve that you’ll need some custom css, please provide a link to your website, in this way I will be able to provide you the right custom css.
Thank you.
How can i apply a grid style 3 color only for mobile?
There is a css code for apply color effect on grgid style?
Hi,
Unfortunately, this task involves doing such custom work and we cannot provide something like this at the moment, sorry! Try to check the following topic from here -> https://css-tricks.com/snippets/css/using-font-face/
Thanks.
Hi,
Please check our documentation for Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you.
