Hello medeiros7,
If you want to change the background-color for Next/Prev button for your smart list 7, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_smart_list_7 .td-smart-list-button {
background-color: red;
}
The result you should see here -> http://screencast.com/t/ORCLV1JLE5Z
Thank you for the message!
Hello,
There is no option in the theme to remove the gradient, but it can be done with a css trick.
It can be removed with this custom css:
.td_block_big_grid_8.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before{
display:none!important;
}
Thank you.
Hi,
1) the css code to align the trending now element:
@media (min-width:1019px){
.td-trending-now-wrapper{
padding: 0 24px!important;
}
}
@media (min-width:767px) and (max-width:1018px){
.td-trending-now-wrapper{
padding: 0 15px!important;
}
}
3) We cannot say for sure. The developer team are the ones that decide what gets implemented. If this will be requested by more users than it will be implemented.
Thank you!
Hello T2N,
If you want to have a general code for your embedded you have to use the CSS code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-content iframe {
margin-top:20px;
margin-bottom:20px;
}
The result you should see here -> http://screencast.com/t/zDJcLrh1wv
Please notice that is a general code that applies for all your iframe. If you have another iframes in your site, you will have the same values of the margins.
Thank you for the message!
Hi,
The arrow can be removed with css like so:
.category-102 .menu-item-930 .td-icon-menu-down{
display:none!important;
}
For this you will need the category id (to target a specific category page) and the menu-item class (to target a particular menu-item) you can get with your browser inspector:
http://screencast.com/t/rFfkSBdLN and http://screencast.com/t/rhvnQihnK4R
Thanks.
Another update, Our coder said when he tried to insert CSS to change the color it crashed the site every time.
Andrei,
Thanks for the more detailed explanation. I’ve changed the javascript as you’ve shown in the screencast from .5625 to .7625 to accommodate the 4:3 video ratio.
It hasn’t made a difference on the site. The videos still have the pillar bars on the each side.
Our videos are 720 X 540.
To display the 4:3 videos without pillar bars, is modifying this section of javascript the only thing that needs to be done?
jQuery(document).find(‘iframe[src*=”vimeo.com”]’).each(function() {
if(jQuery(this).parent().hasClass(“td_wrapper_playlist_player_vimeo”)) {
//do nothing for playlist player vimeo
} else {
var td_video = jQuery(this);
td_video.attr(‘width’, ‘100%’);
var td_video_width = td_video.width();
td_video.css(‘height’, td_video_width * 0.7625, ‘important’);
}
});
I’ve also modified the js for the wordpress embedded video. And, it still shows black pillar bars on both sides of the videos.
From your directions, these pillar bars should be removed. What am I missing?
Thanks for all your help.
Hi folks
here’s a support query from me which might be rare to see 🙂
Minor item came up with the AMP roll out, where we are using the built-in hit counter (non Ajax) with Newsmag, but of course the hit function doesn’t fire off with the /amp/ CSS load redirect — basically works like a custom print CSS setup.
With one site where we still use wp-postviews, the hook was easy to add to functions.php to fire it off on each AMP visit (now getting thousands of AMP views per week on a particular site, hundreds on another!)
Seems like there would be a TD function to fire off in the same way we do the wp-postviews, via this hook
do_action( 'amp_post_template_head', 'process_postviews' );
Any pointer on the right ‘process’ to insert there for the TD hit counter, would be appreciated. I will also add that to my little AMP tutorial thread. I’ve not posted this query on that thread, as it’s more likely to be buried vs a new topic.
Thanks 🙂
(( Presumably, you could add this to a future theme update, too, but for now, need it for existing Newsmag sites where not going to update theme just for that! ))
Hi, I have mofified the td-speed-booster.php file as instructed in your help files.
However, whenever I run a speed test on google developer. I still get the same CSS files I have identified as being the issue. How can I fix this?
1. You can run the test with my url here: http://www.siempreactivo.tv and see what I am talking about.
2. BELOW IS THE CODE I MODIFIED IN THE td-speed-booster.php
* here we move the css
*/
function css_mover() {
if ($this->td_theme_name == ‘Newspaper’) {
// wp 011 – Newspaper 6
//$this->move_style_to_footer_queue(‘bbp-default-bbpress’); //bpress old
//$this->move_style_to_footer_queue(‘bbp-default’); //bpress
$this->move_style_to_footer_queue(‘google_font_open_sans’);
$this->move_style_to_footer_queue(‘google_font_roboto’);
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘front-css’);
$this->move_style_to_footer_queue(‘bbp-default’);
$this->move_style_to_footer_queue(‘rs-plugin-settings’);
$this->move_style_to_footer_queue(‘woocommerce-layout’);
$this->move_style_to_footer_queue(‘woocommerce-smallscreen’);
$this->move_style_to_footer_queue(‘woocommerce-general’);
$this->move_style_to_footer_queue(‘js_composer_front ‘);
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘td-theme-woo’);
if ($this->is_ie === false) {
// move style.css theme style
//$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘td-theme’); //this is the main style of the theme. It’s only moved on Newspaper 6!
$this->move_style_to_footer_queue(‘td-theme-woo’); //this is the main style of the theme. It’s only moved on Newspaper 6!
}
Thanks a lot for your promt support.
http://www.screencast.com/t/lavTa3aX
1. Whether it will be able to Allign as same as Layer Image with some CSS? If then what shall be that CSS?
2. Your CSS code to postion the trending now widget gave me tha actuar result which I wanted. Many many thanks.
3. Whether it will be available in your future updates?
4. I will be satisfied with the existing Auto Navigation speed.
Hi
The theme use the less files to complies the css only when it’s on dev mode but when it’s delivered to the users runs on deploy mode. Please make sure that the theme runs on deploy mode on your server: http://screencast.com/t/H1n7R3WOSOVB
Let us know how it goes and if you still can’t manage to solve this issues address us via email at contact@tagdiv.com and provide ftp access and wp-admin so we can take a closer look at this issue.
Thanks!
Hello shailenvandeyar,
If you want to change the background color and the font color for related posts, you can do it only from the code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-related-title .td-cur-simple-item {
background-color: red!important;
color: yellow!important;
}
The result you should see here -> http://screencast.com/t/HWRZka8M
Hope this helps!
If is not what you want to achieve, please provide more details so I will be able to provide a more accurate response.
Thanks.
Thank you for your answer,
I already did that but I didn’t find out how to change the style of the views and comments counts, looks like they already have a css class but I don’t know where I can change it.
Thank you again
Hello willysawa,
If you want to disable the shadow effect for your slider, you have to use a bit of CSS code to hide it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-image-gradient:before {
display:none;
}
The result you should see here -> http://screencast.com/t/J06se2zX66Z
Thanks.
Hello
If you want to change the font size for your excerpts and titles, you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-module-title a, .td-excerpt{
font-size:15px;
}
The result you should see here -> http://screencast.com/t/IrjMWknn6vCo
Thank you for the message!
Hi,
For posts it will be more easy to do as you can add all post content inside a div and add a fixed width to it with css but this will have to be adjusted for responsiveness on every viewport. On page it will be a bit more difficult as the page uses a grid layout to display it’s elements so you will have to adapt all the elements you use on your page to the new width and it will be no easy task.
Thank you!
Hello medeiros7,
1) In your case, your page numbers are duplicated because you have two numbering, the first numbering is made by you on each title and the second is made by smart list. If you have on your title the number, this will appear in the numbering made by smart list. If you do not want to have doubled numbering, you have to change your title and leave these without numbers.
2)Unfortunately, our theme does not have such an option for smart list pagination number, sorry! For achieving that require customization services and we cannot provide this type of service at the moment, sorry!
3)Unfortunately, our theme does not have such an option to change the functionality to the smart list without custom services. For achieving as you wish it is necessary some additional customization in HTML/CSS that involves custom work. The core file corresponding to this type of smart list is td_smart_list_8.php, like this -> http://screencast.com/t/QNjDEWGR4 Please notice that it is not a simple task and if you are not an advanced user with solid knowledge for PHP/HTML/CSS you can break the layout of the theme.
If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to implement this for you.
Thank you for your understanding!
Hello AmazingLifeDaily,
If you want to change the comment font, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area. Please notice that the code which you call with CSS will have to be loaded in your theme from Theme panel -> http://screencast.com/t/cWelNuSb, otherwise, the font will not be displayed.
The code is ->
.comment .comment-content p {
font-family: Princess Sofia;
}
The result you should see here -> http://screencast.com/t/onrgq7t99t
Thank you for the message!
Hello,
Unfortunately we cannot help you in this matter as it is not covered by support. We cannot provide customization services at the moment. We try to help out where we can but your modification requires quite a bit of time to alter the theme css and we cannot tackle such tasks. You will need to edit style.css and remove all the parts of the css that switch to the mobile version of the theme. We recommend hiring a freelancer to help out on this task from sites like studio.envato.com.
Thank you for your understanding.
Hi,
You can hide the header menu search widget with css like so:
.td-search-wrapper{
display:none!important
}
And then you can use the search inside a widget in the sidebar like so: http://screencast.com/t/AWHGoqXXU5s1
Thanks.
Hello,
At the moment, our theme uses the same menu for both the mobile and the desktop versions. You can have different menu items with a css trick (without the use of plugins to make the site heavier) to hide specific items for a specific viewport. For example if I want to show a particular menu item on the mobile version but not have it on the desktop/tablet version I would use css like so:
http://screencast.com/t/Imc40ktOxkQ then you can use the advanced css area in the theme panel to hide it on the desktop and tablet version: http://screencast.com/t/6bMol3cjNy
result: http://screencast.com/t/udclPfONn4 – http://screencast.com/t/c1aMafVY
Hope this helps.
Thanks.
Hello T2N,
Unfortunately, the theme does not have such an option to change your desired spaces. If you want to have space above and below your video, when you edit your post in text view, you have to add a custom class and then using a bit of CSS to add the padding-top and padding-bottom as you like, like this -> http://screencast.com/t/JNuRhlBc -> http://screencast.com/t/LOYo6xj7Z
For my above example, the code is ->
.custom_video {
padding-top:10px;
padding-bottom:10px;
}
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!
Hello nwuwong,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
I hope this helps.
Thank you!
Hi
Use the css like this, now it should work fine:
.td-container{
background-color: red;
}
Thanks!
Hello associatedmediacoverage,
Unfortunately, our theme does not have such an option to be disabled the mobile version, sorry! Our layout of the theme is responsive and the theme has been designed to look good on the mobile version. If you want to give up to the mobile theme, practically, you have to re-customize all the design for the theme for mobile devices and this involves custom work. Please notice that it is not a simple task and require to do some additional customization which involves better knowledge for PHP/HTML/CSS for a good implementation and best results. If you want to develop our theme in this regard and if you are not aware to the steps which have to be followed in this case, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
