- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
You can following this
- Log in into your wp-admin
- Go to Newsmag > Theme panel > Custom Code
- After that you can click Custom CSS and paste this code:
.td-related-right{ display:none; }in there. - After that you can click SAVE SETTINGS
- That’s all
I hope it works.
Hello, There.
You can try this one:
Go to your site wp-admin, and than you can log in to your wordpress dashboard.
In the dashboard, you go to the Newsmag > Theme panel > Custom code.
In the Custom code, you can click Custom CSS:
Insert code below to your custom css:
.td-post-content ol li{
margin-bottom: 10px;
margin-top:10px;
list-style-position: outside;
line-height:28px;
}
After that, click Save Settings.
I hope it works.
-
This reply was modified 8 years by
Titus Sutio Fanpula.
-
This reply was modified 8 years by
Titus Sutio Fanpula. Reason: Add bold to the point and add code in css code
I can also confirm my site
http://www.learnjazzstandards.com has the same error.
Google says the amp pages are not valid.
The text inside tag ‘style amp-custom’ contains ‘CSS !important’, which is disallowed.
Hello,
Is there a way to change raw html text (light grey) and hover (blue) colors through custom css code addition of the theme ? Check out latidune.com/deals section.
Also, while visiting the site link, the default font color (blue) of the theme flashes before reflecting the updated font color theme, we have not enabled any transition/load options and google pagespeed test scores are above 70.
Thanks.
All of my pages except “Posts Page” and “Contact” page JUMP upon loading.
I’ve removed all custom CSS and my header logo. I’ve also deactivated several plugins. Nothing yet has fixed this.
Please tell me what’s causing this and how to fix it.
For Newspaper, us this code
.author-box-wrap .avatar {
display: none;
}
.author-box-wrap .desc {
margin-left: 0px;
}
The same should work for newsmag. Paste the code in the custom css section.
You can set the rounded feature using the border-radius css property. For example, the flex block 1 demo uses this code
.td_module_flex_1 .td-thumb-css {
border-radius: 15px;
}
You can paste that into your custom CSS section and play around with the number of px to get the desired effect. You can even change the number from px to % e.g.
.td_module_flex_1 .td-thumb-css {
border-radius: 5%;
}
There is also the option for border-radius in the CSS tab of the flex block element (when editing with td composer, just click the CSS tab at the top and scroll to see border-radius. I tried to test from there but the block images were not responding. Maybe you can try both solutions and choose the best for you.If you want to change any other block, just look for its CSS class using the browser inspect element and then test the border-radius.
NB: if you need the completely round images, just change the border-radius to 100%.
hello,
I’ve used custom CSS for transparent page with black demo into my website.
http://www.screencast.com/t/TzpjlSfXyjy
.td-header-header {
border-bottom: 1px solid #353535;
}
.td-black .td-video-template-bg {
background-color: rgba(0,0,0,0.4);
}
.td-black .td-video-template-bg-small{
background-color: rgba(0,0,0,0.7);
}
.td-black .td-smart-list-dropdown-wrap .td-smart-next,
.td-black .td-smart-list-dropdown-wrap .td-smart-back {
color:#fff;
}
.td-black .post {
background-color: transparent;
}
.td-black .td-video-template-bg
.td-black .td-video-template-bg-small
{
background-color: rgba(0,0,0,0.8);
}
.td-black .td-main-content-wrap,
.td-black .td-category-grid,
.td-black .td-category-header,
.td-black .td-big-grid-post .td-module-thumb,
.td-black .td_module_14 .td-module-meta-holder,
.td-black .td-post-template-4 .td-post-title,
.td-black .td-post-template-6 .td-post-header-holder,
.td-black .td-post-template-8-box,
.td-black .td-smart-list-dropdown-wrap .td-smart-list-dropdown,
.td-black .td_module_mx3 .td-module-meta-info {
background-color: rgba(0,0,0,0.6);
}
.td-black .td-page-content,
.td-black .td-post-content,
.td-black .wpb_text_column,
.td-black .td_block_text_with_title,
.td-black .woocommerce #tab-description {
color: #bbb;
}
But the problem/awkward thing shows in video template.
The body seems so naked.
http://www.screencast.com/t/R04M1yxIMgI
Kindly need your help to make it looks like another post page.
Thank you.
Hi,
i m trying to use Wine Aroma demo for one site, to develop pages etc and i run on problem with thin white lines between rows.
For example, default Home page:
– i m using white background, to avoid boxing
– only 1st row has CSS values: Row has border top with 80. I ve switched that row to 1 column type. Inside is one element, text, with CSS values: margin-top 650 and margin-bottom 50
– next row is as in theme, with no CSS margin values, and as in demo only icons has CSS margin values margin-bottom 30
– all other rows dont have CSS margin values
Since i m using color for background for each row, and its not default white, i ve run on strange bug or issue.
Between 1st and 2nd row there is no white line, but for each next pair (between 2nd and 3rd, 3rd and 4th etc), i m getting white lines between rows.
I ve tried to put 0 for top and bottom margins, but it stays the same, white lines appear again.
But, if i clone 2nd row, then entire page loses those white lines, and everything seems ok.
Since i don’t need 2nd row doubled, i wonder if there’s other solution out there and what i m missing.
Similar thing is for some other pages. Products page for example. 1st row has 2 elements. Everything is ok, with next rows and space between them, but if i delete second element from 1st row, again white lines start showing between rows.
Btw, i like these new multi-purpose demos, thumbs up. 🙂
Sorry for the delayed reply, hectic month.
Can you tell me where to find this option in the theme control panel? I looked everywhere and could not find it.
On the plus side, the custom CSS does appear to be hiding it – it must have been a caching issue. But I’m still seeing horizontal lines above and below where the button used to be, and I’d prefer those not be visible either.
By default, all the post images have a left alignment
May you help me with the css code to make them centered?
Thanks.
Great theme btw
Images are leaving a space aside it: http://voceturista.aos45.com/
They were supposed to be brought by css covering the whole block, no? Thank you.
Hello Support, i finally got the css code to reduce the padding now what i want is
1. how to make the date show time e.g 3.00pm instead of April 6,2018
2. How to make the time appear on same line with the text no break
3. How to make the time Bold and red in color
Hi, im having some trouble with the mobile version of my site. The desktop works fine but on the mobile version it says ‘Fatal Error: Uncaught Error: Class ‘td_css_compiler’ not found in /home2/……
Any advice in fixing this?
I can’t find where I can adjust the hoover color of the “standard” buttons that appear
The accent color is obvious, but where in the panel can I adjust the hooover…??
Or is it only by using CSS?
Hello,
Thanks for the response Bogdan, Simon and fametaxi.
We were finally able to update the theme 8.7.1. We updated the theme and the plugins in the theme package, including Visual Composer.
We are still having trouble with the search and menu button on mobile, on our home page caymancompass.com. We did a test where we deactivated all plugins, then activated each plugin at a time, starting with Visual Composer.
Everything else works great. The only clues I have is that:
1. Images don’t show, (opacity 0) so the animation doesn’t fire. Currently, we have some CSS to override it until we find a fix.
and 2. when we tried to use Autoptimize to test if combining all javascript helped, the buttons worked again, but photo galleries did not. So, it’s something with js, but we’re stuck. I even added this line to css, as Mr. Google suggested, but still no luck:#td-top-mobile-toggle {
cursor: pointer !IMPORTANT;
}
The above solution did not work either.
Any advice would be appreciated. We will continue to troubleshoot.
It finally worked ! Actually, the problem came from the refresh of the css.. the css did not refresh despite the fact that i clear the cache and everything. Is there a simple way to force the theme to use the last css uploaded ?
That css code does not show top bar in the mobile devices. you can check yourself
siteww.com
Also in when i put that code into custom css area, it says : “use of !important”
Hello Catalin,
I’m just trying to change the font family displayed by default on the mobile theme… I’ve already read the link you gave me. But the thing is changing the font-family in the css did not work..
Hello!
Where do I find the CSS to reduce the height of the main menu?
Authors I want the author’s picture, author name, and last post to be published in the blog.
I could not edit the codes in the file.
td_block_authors.php
If you add any code to this file, the last post of the author appears.
I’m glad you helped me urgently.
File:
<?php
class td_block_authors extends td_block {
/**
* Disable loop block features. This block does not use a loop and it dosn’t need to run a query.
*/
function __construct() {
parent::disable_loop_block_features();
}
function render($atts, $content = null) {
parent::render($atts);
global $wpdb;
$sort = ”;
extract(shortcode_atts(
array(
‘roles’ => ”,
‘sort’ => ”,
‘exclude’ => ”,
‘include’ => ”
), $atts));
//print_r($atts);
//die;
$get_users_array = array();
if (!empty($exclude)) {
$exclude_array = explode(‘,’, $exclude);
$get_users_array[‘exclude’] = $exclude_array;
}
if (!empty($include)) {
$include_array = explode(‘,’, $include);
$get_users_array[‘include’] = $include_array;
}
if (empty($sort)) {
$get_users_array[‘orderby’] = ‘display_name’;
//$td_authors = get_users(array(‘orderby’ => ‘display_name’));
} else {
$get_users_array[‘orderby’] = ‘post_count’;
$get_users_array[‘order’] = ‘DESC’;
//$td_authors = get_users(array(‘orderby’ => ‘post_count’, ‘order’ => ‘DESC’));
}
if (!empty($roles)) {
$roles_in = array();
$roles_buffer = explode(‘,’, $roles);
foreach ($roles_buffer as $role) {
//clear the empty space
$roles_in[] = trim($role);
}
//role__in was added in wp 4.4
$get_users_array[‘role__in’] = $roles_in;
}
$td_authors = get_users($get_users_array);
$buffy = ”;
$buffy .= ‘<div class=”‘ . $this->get_block_classes(array(‘td_top_authors’)) . ‘” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block js
$buffy .= $this->get_block_css();
$buffy .= $this->get_block_title();
$buffy .= $this->get_pull_down_filter();
if (!empty($td_authors)) {
foreach ($td_authors as $td_author) {
//echo td_global::$current_author_obj->ID;
//echo $td_author->ID;
//print_r($td_author);
$current_author_class = ”;
if (!empty(td_global::$current_author_obj->ID) and td_global::$current_author_obj->ID == $td_author->ID) {
$current_author_class = ‘ td-active’;
}
$buffy .= ‘<div class=”td_mod_wrap td-pb-padding-side’ . $current_author_class . ‘”>’;
$buffy .= ‘ID) . ‘”>’ . get_avatar($td_author->user_email, ’70’) . ‘‘;
$buffy .= ‘<div class=”item-details”>’;
$buffy .= ‘<div class=”td-authors-name”>’;
$buffy .= ‘ID) . ‘”>’ . $td_author->display_name . ‘‘;
$buffy .= ‘</div>’;
$buffy .= ‘<span class=”td-author-post-count”>’;
$buffy .= count_user_posts($td_author->ID). ‘ ‘ . __td(‘POSTS’, TD_THEME_NAME);
$buffy .= ‘</span>’;
$buffy .= ‘<span class=”td-author-comments-count”>’;
$comment_count = $wpdb->get_var($wpdb->prepare(“SELECT COUNT(*) AS total FROM $wpdb->comments WHERE comment_approved = 1 AND user_id = %d”, $td_author->ID));
$buffy .= $comment_count . ‘ ‘ . __td(‘COMMENTS’, TD_THEME_NAME);
$buffy .= ‘</span>’;
$buffy .= ‘<div class=”td-authors-url”>’;
$buffy .= ‘user_url . ‘”>’ . $td_author->user_url .’‘;
$buffy .= ‘</div>’;
$buffy .= ‘<div class=”post-name”>’;
$buffy .= get_the_author_meta(‘description’, $author_id);
$buffy .= ‘</div>’;
$buffy .= ‘</div>’;
}
}
$buffy .= ‘</div>’;
return $buffy;
}
}
Hello,
I am trying to change the CSS of the current lists in newsmag to something like https://www.windowscentral.com/special-fallout-4-character-stats-builds-and-perks-list
I want the spacing and the padding of the starting text to be aligned with starting text, exactly like the link.
Can anybody help me.
Hello,
Firstly, apologies if this has been covered somewhere else (did search for a while and couldn’t find anything!)
I am trying to change the width of the sidebar so that I gain slightly more space for content.
Is there any custom CSS I can use?
Thanks!
I understand CSS is required.
I wanted you to assist with letting me know which css class I would need to target for post body text and post images.
Hello llucson,
All the custom CSS should have to be added to Custom CSS code section from here -> https://www.screencast.com/t/sOrhzmcY3lR9
Thanks.