- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi
The best way to add a footer link is by adding it directly in code like here: http://screencast.com/t/JCLtf6ME7 Also you will need this css in theme panel >custom code > custom css:
.footer-link{
display: inline-block;
}
The result will be like here: http://screencast.com/t/AkTKcv5o This is just a basic example. You can apply any style on the link using different css properties.
Thanks!
Hello,
You can use custom css to increase their size as we use fonts for these icons:
.td-social-icon-wrap .td-icon-font{
font-size: 26px;
width: 48px;
height: 35px;
line-height: 36px;
}
.td-social-style-2 .td-icon-font {
font-size: 26px;
width: 48px;
height: 48px;
line-height: 46px;
}
You can change the values in the code to get the results you want.
Thank you!
Hi,
You can only target that area with css. You can use this code to do it:
.sf-menu ul{
background-color:grey!important;
}
.td_mega_menu_sub_cats{
background-color:grey!important
}
Thanks.
Hello,
You can change the font color by using this custom css:
.home .entry-title a{
color:white!important;
}
.home .td-excerpt{
color:white!important;
}
I only made it to apply on the homepage. If you wish to apply it across the whole website, simply delete the ‘.home’ class.
Thank you!
I am stumped. I managed to change the font color of a top menu item, but I can get one (real estate) on the main menu to change color.
Here is the custom css I have presently
#menu-item-528 a{
color: #FF0000; font-weight:bold;
}
#menu-item-360 a{
color:#FF0000; font-weight:bold;
}
The site is http://www.nerdexpress.com/
REAL ESTATE on the main menu is what I want to be red..item 360
Item 528 is a top menu item and it seems to be fine.
Thanks for your help.
Hi Catalin,
I may have figured it out!
I have used this code in custom css:
.category-1 .td-category-header.td-image-gradient-style8 {
background-color: rgba(162, 0, 255, 0.5);
}
To get this result: https://godhelpusall.com/alternative-news
I have then added a new block of code each with the specific category ID and custom colour and all seems to work OK.
Is this code correct? I am not very confident with css and would like to know if there is a more efficient way to accomplish the same result.
Thanks
Kevin
Hello,
I have checked into this issue and it truly seems that the widgetized sidebar title does not get the theme css style. You can however create a workaround for it if you add a raw html element above the widgetized sidebar (and remove the widget title) and enter this code in it:
<h4 class="block-title">
<span>My Title</span>
</h4>It should look like so: http://screencast.com/t/FE3UepgVl1
And now your title should get the styling as it should.
I will add this issue on our bug list and we will fix it in a future version of the theme.
Thank you!
Hi
Use this css in theme panel > custom css
@media (max-width: 767px){
.td_block_related_posts {
display: block!important;
}
}
Thanks!
Hello Kevin,
Unfortunately, I do not understand very well what you want to achieve … The category 8 like this -> http://screencast.com/t/86JQ3Y1P and I suppose that you are talking about the header colour and into your screenshot do you are referring to content…? So, if you want to change the header color for each category, you have to target the certain category by category ID. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.category-89 .td-banner-wrap-full {
background-color:red
}
The result you should see here -> http://screencast.com/t/fMBOxNNjwH
Hope this helps!
If is not what you mean, please provide more details and be more specific on what you want to change so I will be able to provide a more accurate response.
Thank you for the message!
Hi,
I have managed to change the header colour of the category 8 template (see link below) via the style.css stylesheet but I was wondering if there is a way to have a different colour for each individual category?
http://www.screencast.com/t/vNTPMwlY
Is this possible?
Thanks in advance.
Kevin
Hello,
If you keep posting replies, you will only delay your answer as the topic will be moved up the list and we answer from oldest to newest.
Please try to disable all your plugins except visual composer and clear cache. There could be a plugin conflict preventing the css from applying.
http://screencast.com/t/r59iZUfwD – http://screencast.com/t/VgemskYvsIaW
If the color still will not change, then please try tochange other settings as well and see if they apply from your theme panel. If they do not, please try to increase your system status parameters following this guide: https://forum.tagdiv.com/system-status-parameters-guide/
If you still cannot get it to work, then please send us an email at contact@tagdiv.com and provide wp-admin so we can inspect this issue. Also include a link to this topic.
Thank you!
Hello,
Unfortunately you cannot target the icon with css as the code creates an iframe. The code uses a different type of implementation that the one in our theme as it uses javascript not html. Iframes cannot be targeted with css. These are the icons provided for the specific widget: https://www.stumbleupon.com/dt/badges/create if there is no square icon, then you cannot change it.
Thank you!
Hello,
Please provide a link to your website so we can inspect this sidebar and see why the css is not applying to it.
Thank you!
Hi
You can try using a plugin to add more share buttons but I can’t make any recommendation in this regard as we didn’t tested any of the plugins with a similar functionality and I can’t say how will work with the theme. Also you can edit the theme code if you want.
The actual share buttons for posts are generated in td_module_single.php file: http://screencast.com/t/MxgPhEaD You can use a similar implementation top add another buttons if you want.
Please note that this is a task which require many customizations and also some php/js/css knowledge. Unfortunately at the moment we can’t offer custom services so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hi
Try this css in theme panel > custom code >custom css: http://screencast.com/t/DQW0TQN6
.page-template-page-pagebuilder-title .entry-crumbs{
display: none;
}
Thanks!
Hi
I cannot access your site: http://screencast.com/t/2YitGKI0tLs2
Regarding the text color use the options from theme panel > theme colors to change theme: http://screencast.com/t/SnfZob1ndUTZ If there is an element whics’s color can’t be changed from theme options provide more details about it so I can inspect it and give you the css code.
Thanks!
Hello VoZz,
Below I gave you an example to header style 9 as you can get a transparent one. Please try the code and add it in Theme panel->Custom CSS area.
.td-header-style-9 .td-header-top-menu-full {
background-color:transparent;
}
.td-banner-wrap-full, .td-header-menu-wrap-full {
background-color: transparent;
}
The result you should see here -> http://screencast.com/t/OdhjP6CU
If is not what you mean, please provide more details about your desired changes and also please provide your website URL so I can inspect it closer and give you a more accurate response.
Hope this helps!
Thank you for the message!
Hello appideias,
I suppose that you are referring to the style of our theme. Please check our style.css file and there you can find all of the codes from theme style CSS-Cascading Style Sheets. -> http://screencast.com/t/3d6AkQGm If is not what you mean, please provide more details about your problem and be more specific regarding on what you want to achieve so I will be able to provide a more accurate response.
Thank you for the message!
Hi bros,
I used code of StumbleUp Badge
code here
<su:badge layout=”6″></su:badge>
<script type=”text/javascript”>
(function() {
var li = document.createElement(“script”); li.type = “text/javascript”; li.async = true;
li.src = (“https:” == document.location.protocol ? “https:” : “http:”) + “//platform.stumbleupon.com/1/widgets.js”;
var s = document.getElementsByTagName(“script”)[0]; s.parentNode.insertBefore(li, s);
})();
</script>
, but it not synchronized with others icon, see here:
I need css for square of StumbleUpon.?
Can you guide me? Thank you!
Hi bros,
I used code of StumbleUp Badge
code here
<su:badge layout=”6″></su:badge>
<script type=”text/javascript”>
(function() {
var li = document.createElement(“script”); li.type = “text/javascript”; li.async = true;
li.src = (“https:” == document.location.protocol ? “https:” : “http:”) + “//platform.stumbleupon.com/1/widgets.js”;
var s = document.getElementsByTagName(“script”)[0]; s.parentNode.insertBefore(li, s);
})();
</script>
, but it not synchronized with others icon, see here:
I need css for square of StumbleUpon.?
Can you guide me? Thank you!
Hi bros,
I used code of StumbleUp Badge
code here
<su:badge layout=”6″></su:badge>
<script type=”text/javascript”>
(function() {
var li = document.createElement(“script”); li.type = “text/javascript”; li.async = true;
li.src = (“https:” == document.location.protocol ? “https:” : “http:”) + “//platform.stumbleupon.com/1/widgets.js”;
var s = document.getElementsByTagName(“script”)[0]; s.parentNode.insertBefore(li, s);
})();
</script>
, but it not synchronized with others icon, see here:
I need css for square of StumbleUpon.?
Can you guide me? Thank you!
here is screen-shots of fonts panel and css inspector:
