Hi Edward,
You can change the hover color of links in footer menu if you try the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/OdqAt5qkpj and if you want to change the sub-footer menu text color, you can do this within Theme panel like this: http://screencast.com/t/UWpKDtFal
.td-sub-footer-menu li a:hover {
color: red;
}
The result should see here: http://screencast.com/t/HFXrDqasn
Hope this helps and let us know how it goes!
Thanks!
Hi,
For the tweeter button you need to use this code instead:
.td-social-twitter{
display:none!important;
}
For the css box, please make sure you have the child theme set up properly. I have tested the css box via child theme and it works as expected. Try it with the main theme and see if modifications apply.
Also make sure you use the child theme version that comes bundled with your theme. Every version of our theme comes with an included child theme you can use.
Let us know how it goes.
Thanks.
Hi
The theme doesn’t include this link in page source: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css so it might be related with a plugin. Also I’ve checked your site and the link doesn’t appear in page source.
Please check our documentation for more details about site’s page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
Hi,
@Healthills, please follow the same steps with single post and for category you have to use function below:
if ( ! in_category (array('cat-id','cat-id'))) { ?>
menu container
Here, http://screencast.com/t/dut2LkmLOy you can see how to find the category ID.
Please note that if you use this method and you have the sticky menu enabled: http://screencast.com/t/WwiZxvu5cfv the images won’t be displayed on that post because a js error.
@Hamzah, if you want to hide your main menu from particular page you have to use the page id that you want to hide.
Please try the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/8hF2EXqv
.page-id-X .td-header-menu-wrap {
display:none;
}
Where X is your page ID. Here, http://screencast.com/t/S1qVQRbgFT you can see how to find the page ID.
For your second request, you can show different header ads in different page if you add some function in your ads.php file, like this: http://screencast.com/t/f7EsUBQq
if(is_page('page-id')){
echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');
}
else {
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'header'));
}
?>
If you want to show header ads only to front page, you have to use is_front_page() function. The custom ad you can find it in Theme panel-Ads -> http://screencast.com/t/NujAwoIjF
Hope this helps and let us know how it goes!
Thanks!
Thank you for that snippet but that seems a bit too hard-coded for what I was looking for. If I understand that snippet correctly that would give all categories with Style 8 one and the same image. But I want to use different images, one for each category.
Maybe I rephrase my question:
Is the a category style for which I can set an image in your theme panel. Where the image does not cover the whole background but only the “image box” above the content and below the menu?
A third way of phrasing this would be:
Is there any way – not necessarily a category style but maybe a dynamically inserted “category featured image” – to set one image for a category page, where the image appears above the content and below the menu – but does not cover the whole background?
======
FYI: I use a child theme and custom CSS file.
======
-
This reply was modified 10 years by
zumaxb. Reason: typo
Hello,
Unfortunately, but custom CSS area in Theme panel not working. Will it work if I use child theme?
I mean, the menu begins and ends flush with the width layout: http://www.test3.htm.pl/wp-content/uploads/2015/11/Bez-nazwy.jpg
Thank you!
Hello,
Thank you. I mean the second button: Tweet on Twitter.
Unfortunately, custom CSS box not working. Will it work if I use child theme?
Thank you!
Hi @acbrent25
Try this css in theme panel > custom css:
@media (min-width: 1024px){
.home .td-container, .td-header-container {
width: 1111px;
}
.home .td-pb-span8 {
width: 770px;
}}
Thanks!
Hi globalmediacompl,
You can try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/wMFAyaqUrVE
.td-header-style-10 .header-search-wrap .td-icon-search {
display: none;
}
The result should see here: http://screencast.com/t/TET8m8vhq5 .
Also, for you second request, about the menu, i do not understand very good what you mean…the menu bar is
centered . Please provide more details if you want something else.
Thank you!
Hi
The theme doesn’t have an option to do that but you can achieve it via css. Please check this topic, I’ve posted a solution here: https://forum.tagdiv.com/topic/background-ad-has-no-hover-icon-to-indicate-link/
Thanks!
Hello,
I assume you are talking about the classic twitter social icon: http://screencast.com/t/5xIAeJzLd
You can remove it with custom css:
.td-classic-twitter{
display:none!important;
}
Just place the code in the theme panel->custom CSS box
Thank you!
A lot of errors are being reported for the visual composer
/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.css –> this is the reported URL. Does newspaper really requires the visual composer. I am not using demo styles nor have i created a custom home page with the plugin? Can i disable this plugin?
Hello,
Our theme was built based on a fixed site width. All content depends on this with in order to align to the column based layout we created. The width can be reduced using css but the problem is that all elements depend on this width. If you change it, you will have to change every single element you use on your website in order to adjust it to the new width. As an example i reduced your site width using a live css editor: http://screencast.com/t/MbE5RhNc0Sn.
Thank you!
Hi zumaxb,
For this category style, header container are transparent and practically in this container you can see the background image. This can be set within Theme panel. There is not an easy option for it in panel to change this, sorry.
Also, another possibility for you, would be to use a bit of Css to make some customization. Please try the code below in your Theme panel->Custom Css area to fix the problem, like this: http://screencast.com/t/gtGlwFvufE
.td-category-header.td-image-gradient-style8 {
background-image: url('enter your URL image');
background-repeat: no-repeat;
}
Note: If you want to follow the above variant, please use a background color/image (white color for example)
Hope this help and let us how it goes!
Thank you!
Hi,
You can try to use this custom css in Theme Panel > Custom Css – http://screencast.com/t/MVkB6aRi
@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
margin-left: 0 !important;
}
}
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Also this all links slowdown my website :
https://mydreamlives.com/wp-content/themes/Newspaper/images/icons/newspaper.woff?7
https://mydreamlives.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.7.4
https://mydreamlives.com/wp-content/plugins/js_composer/assets/js/js_composer_front.js?ver=4.7.4
https://mydreamlives.com/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=6.5.1
https://mydreamlives.com/wp-content/themes/Newspaper/style.css?ver=6.5.1
How to solve this?
Why need this link and How to remove this link.
1. http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css
This links slow down my website.
Hey, this is awesome! I used it on my site and worked for all the inner pages, but the home page is the old with.
Can you help with css to adjust the home page too?
That would be awesome! http://standupjournal.com/
Hi
Please note that is a public forum and any one can see the information posted here, so I removed your login details.
Try this css in theme pane > custom css: http://screencast.com/t/yZ4I32dpf6K
.wppaszone.proadszone-245231 {
height: 70px!important;
}
Thanks!
Hi Arafat,
If you want to disable the News Ticker on mobile, please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/ymKyDmyO
@media (max-width:767px){
.td-trending-now-wrapper {
display:none;
}
}
The result should see here: http://screencast.com/t/E4rpKKkrN
Hope this helps and let us know how it goes!
Thanks!
Hi
Try this css, it should work fine:
@media (max-width: 768px){
.td-big-grid-post .td-post-category{
line-height: 10px;
margin-bottom: 5px;
}
.td-post-category{
bottom: 10px!important;
}
.footer-email-wrap{
margin-top: 10px;
}
.td_block_trending_now{
margin-bottom: 20px!important;
}
.td-grid-style-7 .td-big-thumb .entry-title {
margin-bottom: 10px;
}
}
You can increase the values if the result won’t change after the css it’s applied.
Thanks!
Hi Howard,
Unfortunately the avatar you suggested does not come from our theme.
This is the correct implementation of the avatar set by the theme: http://screencast.com/t/14MpVCWnis
The options from your screenshot: profile, notifications, messages, forums and settings do not originate from our theme, nor could i find them on your website. I can see that it looks ugly. Maybe there is a css solution for it. Provide a link to the problem and i will take a look and maybe figure out a solution, but i wanted to point out that it is not theme related.
Thanks.
Hi
I can’t access your post: http://screencast.com/t/Nztk4S4UDijk
You can remove the menu from a single post by editing the file corresponding with the header style used and adding this condition like here: http://screencast.com/t/Uw5VtIAtlq
<?php
if ( ! is_single('post-id')) { ?>
menu container
<?php } ?>
Replace the post-id with the post’s id for which you want to remove the menu. To get the post id follow this link: http://screencast.com/t/H6PLh7nUec
Note that if you use this method and you have the sticky menu enabled: http://screencast.com/t/WwiZxvu5cfv the images won’t be displayed on that post because a js error. To avoid that you can use this css in theme panel > custom code > custom css instead of php code: http://screencast.com/t/MGghSehQ
.postid-198 .td-header-menu-wrap {
display: none;
}
Just replace the id number with your post id.
Let me know how it goes.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi zumaxb,
You can try to use the code below to change your max-height. Also you can adjust the max-height values as you wish. The min-height is 300px, the value standard set by theme.
Place the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/K1VzkPISlE
.td-post-template-3 .td-post-featured-image {
max-height: 400px;
}
The result should see here: http://screencast.com/t/gKvoYbq7
Please make sure that your max-height is not less then your image height because in this case the image will be cropped.
I hope this helps and let us know how it goes!
Thanks!
Hi
Basically you need to add .td-container class followed by dropcap specific css class like here: http://screencast.com/t/0rDZVjzhv3W The process is the same for quotes: http://screencast.com/t/xJf8uJEelamI
This task require some css knowledge and my advice is to find someone to help you with it if you can’t do it yourself.
Hope this help.
Thanks!