Search Results for 'css'

Hi,

That arrow can be removed with CSS. To make the code more precise you could use the menu item unique ID (each menu item has an ID), like in this example
– https://www.screencast.com/t/xVb1yskH
I don’t see the menu at the moment on your website, but you can use a code like that to hide the arrow, using the menu item ID.

.menu-item-18056 .fa + .td-icon-menu-down {
display: none;
}

Please let me know if there is a problem with this solution, or you need further help.
This is a useful guide explaining how you can create custom code, by identifying the elements on the page and their classes with the browser inspector, a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello leapdsc,

Sorry for this but please notice that what you want involves additional customizations and we cannot provide this type of services at the moment, sorry! Try to adjust it yourself, using the Inspector browser and create your own custom CSS code, according to the useful manual here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Notice that we can only point you in the right direction and we cannot do that for you, sorry!

Hope this helps!

Thanks for your understanding!

Hello keirebu,

Please notice that the Facebook Like Counter has just the default facebook functionality but the theme only stylish it with a bit of CSS code, that’s all. Notice that the main code for this feature can be found here -> https://developers.facebook.com/docs/plugins/like-button
Please notice that the likes you receive them from Facebook and this will count them and the theme does not make anything special in this case and also, does not exist any option which allows you to see which are the persons which gave you these likes, but only if you can found them on facebook.

Thanks for your understanding!

Hello wsharkar,

If you got this message it seems that your website is not optimized, sorry!
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit to our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/

Thanks for your understanding!

Hello ipaonline,

Sorry for this, but notice that our theme does not have any such an option that allows you to add some ads to your category pages, sorry!
If you want to add some ads in your categories pages you should edit the theme core files and add it to the code, according to our documentation here -> https://forum.tagdiv.com/topic/advertising-block-in-category-page/
After this, using a bit of CSS code you should adjust it to have a good look. Also, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!

Thanks for your understanding!

Hi,

The width of the socials seems to be wrong, a code like this will fix it however
– https://www.screencast.com/t/r12FBVZP

.td-social-style9 .td_social_type {
width: 20%;
}

Enter it in Theme panel->Custom CSS section.

Thanks

Hi,

That could be done by either removing the link from the code, where it is defined in this theme file
– https://www.screencast.com/t/gwSEBaNFK
Or maybe with some CSS that would not allow the link to be clickable

.single .td-post-author-name {
pointer-events: none;
}

This code must be entered in Theme panel->Custom CSS if you should decide to use it.

Thanks

Hello leapdsc,

You should try using a bit of CSS code to do this. Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-pb-row [class*="td-pb-span"] {
padding-right:5px;
padding-left:5px;
}

The result is here -> https://www.screencast.com/t/wg1Kvhal

Hope this helps!

Thanks for your understanding!

Hello,

Try to add this code in the theme panel-> custom css box:
.vc_widget_sidebar .current-menu-item a{
color:Red!important;
}

Thanks.

Hi,
Nice, you are getting there almost.
Now you just have to access design options and make a few adjustments. Click the social icon element in the tagdiv composer and use the css box model: https://www.screencast.com/t/PjnxUry3Le to add margin and padding. You might want to stretch the content as well so your social icons do not fall on 2 rows.

Thanks.

Hello,

Unfortunately this is the default implementation of visual composer. We cannot provide any solution in this regard as you will need to modify the default plugin implementation. There is no simple css fix for this.

Thank you!

Hello,

1. You can use this code to make the text bigger:
@media(max-width:767px){
.td-search-wrap-mob .td-search-input span{
font-size:20px;
}
}

2. I’m not sure how you implemented the icons there. The default implementation of the mobile social icons is like so: https://www.screencast.com/t/5OwpQNJK
The order can be changed by changing the order in this array: https://www.screencast.com/t/MzsqDfiYKi

3. It can only be done with css for responsive options. Add this code in the theme panel-> cuxtom code-> advanced css box under ipad portrait:
.td-excerpt{
font-size:20px;
}

4. The article titles can be changed from the theme panel-> fonts settings.

5. The same order from the array at point 2 is applied.

Thank you!

Hello naomibuch,

There’s no require to use a child theme if you want to use some custom CSS code. You just simply add your code in the custom CSS area. Try to switch the theme to the default state and check the results. If you want to use the Child Theme, try to download again the latest theme version from Theme Forest and see the results. Clear all the caches and check the results.

Thanks for your understanding!

Hi,

Elements placed in the page structure cannot be removed just by viewing the page on mobile. I could give you a code to hide this element on mobile devices, it will look like this
– https://www.screencast.com/t/6P52VO9wWjk
This code has to be entered in Theme panel->Advanced CSS in the phones section

.home .td-post-header {
display: none;
}

Enter it there and check if it works as intended. Let me know if there is a problem.

Thanks

Hello,

Sorry but changing the height in this block will result in all kids of css issues and we cannot offer this kind of customization as it takes a lot of time to adjust all the values. The best option is to simply add a sidebar to the page so the block can display on a 2 column layout and have the images smaller.

Thank you for your understanding.

Hello Sanjo Simon,

I guess that you want to increase the site width, right? Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example of where you should start to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!