Hi,
How can i remove (deregister) the default style.css file of the Main AND the Child theme? I will use a custom stylsheet and do not need both style.css files.
a function for the functions.php for example would be awesome
thanks
I’m not an employee for tagdiv but here is some advice.
It’s a lot better that you use the “custom css” code in the theme panel when changing the style css of the website or use a child theme and call the css from there because that will never effect their updates.
Never edit the Style CSS directly on the theme because it will always over right when they make an update with the style sheet.
Until they reply with a better fix here is the code I used because I ran into the same problem.
.td-post-template-3 .td-post-featured-image:after {
width: auto;
}
Put that code in your custom CSS or Child Theme CSS. It leaves just a couple pixels to the right but its a lot better than what it was.
Thanks for your help. I moved the CSS codes to the style.css file. I cleared my cache and still seeing the same blue header appear before orange. I was wondering if you think it will change after more time has passed, like maybe the cache is not really clear yet…
Hello again,
It seems you have made changes to the style.css file, which contains custom coding and you have never updated this file before.
Please advise.
Thanks,
Peter
Hello shackonline,
If you want to hide the Author box for a certain post, please notice that you can achieve this with a bit of CSS using the post ID. For example, you can see the next steps and the same thing you will have to do on your site, for your desired post page. -> http://screencast.com/t/I3BDRRNx
If you refer to something else, please provide more details.
Thanks.
Hello,
Meta information can be either removed from the code or hidden with css.
You need to identify the module you use and use the browser inspector to get the classes. Use this code to hide the meta and add different block classes to it depending on the block or module you want to remove the meta from.
for example on a block 4 I would use the code like so:
\.td_block_4 .td-module-meta-info{
display:none!important
}
Thank you!
Hi,
Sorry if my question has already been asked and answered, but I didn’t find it in the forum.
So,
I use header 10 style, in the “logo & favicon” settings, I can upload a logo and retina logo.
But the size of the image needs to be [272 x 90px] and [544 x 180px] (for retina).
When I upload bigger image, they are automatically resized to the header style size :
<div class="td-banner-wrap-full td-logo-wrap-full ">
<div class="td-header-sp-logo">
<h1 class="td-logo">
<[this is an "a"] href="[my-site-web-adress]">
<img src="[my-site-web-adress]/wp-content/uploads/2016/05/my-logo-600x165-300x83.png" alt="[my-site-web-adress]" />
</a> </h1> </div> </div>
So even if I change the CSS using custom CSS, the displayed images are still the resized ones.
My question is : How can I change the default size of the header style logo (and retina) in order to use the original size of my images ? (for max-width)
Of course, I also need that the logos keep being responsive…
Thanks a lot for your support.
Seb
Hi
If the result it’s displayed by a plugin the theme can’t control it’s size, you will have to do it using some specific css. Try this code: http://screencast.com/t/jZk63CqMZzF
.meta-info{
font-size: 15px;
font-weight: bold;
}
Thanks!
Hi
You can target a specif post using this css: http://screencast.com/t/gicO3nuUgD
.td_block_10 .td_module_9:nth-of-type(4) .td-module-title a {
color: red;
}
Thanks!
Hi
1. That happens because when page is loaded the theme first loads the css from style.css file then it’s the css generated by the theme from theme panel. To avoid that delay you can edit the style.css and paste there all custom css generated by the theme. That css can be fount in page source: http://screencast.com/t/VsXush6P Currently you have this code: http://pastebin.com/mHsMpdZC and this one from theme panel > custom code > custom css: http://pastebin.com/RLF5Gwca You can paste this code in style.css: http://screencast.com/t/7NJL47O7dPI
Note that if you make any changes trough theme’s colors or theme’s fonts the css will be modified and you have to update it again.
2. Checking the page I’ve noticed that the plugin set a 60% width for event’s description, that’s why the page becomes very long. Try this css to make event’s description 100% width: http://screencast.com/t/xLjCVg7PsS
.tribe-events-loop .tribe-events-content {
width: 100%;
}
3. Please check your customizations from theme panel and make sure that conditions added are meet, otherwise the code won’t be executed. I am not aware of Events Calendar functionality and I can’t provide an accurate answer in this regard.
4. Please check our documentation for more detail about how mobile theme plugin works: https://forum.tagdiv.com/the-mobile-theme/ Note that the mobile theme won’t display any content made with Visual Composer. Basically only the content inserted in mobile editor will be displayed on the page when mobile theme is enabled. If you want to have the same content on mobile as on desktop just live mobile theme deactivated.
Thanks!
Hi,
In order to change the size of the avatar, you have to change this value here:
http://screencast.com/t/qzjKRe1cljn and then use this css to position it properly:
.author-box-wrap .avatar{
width:initial!important;
}
.author-box-wrap .desc{
margin-left: 215px;
}
This will cause a miss-alignment on mobile phones though so you need to change the css and adapt the widget for responsiveness as well.
Thank you!
Hi
This issue it’s caused by cache or cdn. As can be seen here the theme request the css from V 3 but on the page arrives the code from V 2.3.7: http://screencast.com/t/cNGI6pTUIOrH Try to clear all caches, purge all cdn files then test the site again.
Let me know how it goes.
Thanks!
Hi,
For the css issue with the white space, please use this code:
.page-id-2115 .td-main-page-wrap {
padding-top: 10px;
}
The code will only work on that particular page so it will not affect any other part of the site/
AS for the mobile theme, your page will not show up on mobile if you do not create a mobile version for it by using the second editor (the mobile editor). You can read more about this here: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi
Try this cs in theme panel > custom code > custom css: http://screencast.com/t/bMfEfCd3
#td-top-mobile-toggle a {
height: auto;
}
Let me know how it goes.
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/tfC2mh2i2MKd
.sf-menu .td-normal-menu:first-child > ul {
top: 40px;
}
Thanks!
Hello,
I’ve searched the forum (unless I missed it) and can’t find info on adding a simple image block or image to the sidebar.
Is this possible nice and easy? Otherwise how would I go about it with css?
I’m trying to achieve a couple of call to action images/buttons in the sidebar such as “Careers”, “Meet the team” etc. The vibe I’m going for is similar to http://www.virign.com sidebar with clickable images.
Thank you for your help!
David
HI
Try this css: http://screencast.com/t/XhESlnE0
.vc_custom_1465489060553.td-pb-row .wpb_column:before, .td-pb-row .td-pb-span4:nth-of-type(3):after, .vc_custom_1465489060553.td-pb-row .td-pb-span4:nth-last-of-type(3):after {
width:0!important;
}
.vc_custom_1465489060553 .wpb_column, .vc_custom_1465489060553 .wpb_content_element{
border-width: 0!important;
}
Thanks!
I have been using the Envato Toolkit Updater for the previous updates (except from 4 to 6 when i did the whole import script etc.).
Is it safe to use the Envato Toolkit to update from 6.7.2 to 7.1.1 or is it better to delete the old theme completely and then just drag and drop the new one? I have a bit of css-modifications in the costume code and a lot of fonts and other settings withing the settings of the theme. How do I get these to come with to the new theme if i do the delete and drag and drop? Is it enough to just do an export theme settings from withing the theme panel (i.e. is the export made from 6.7.2 compatible with the 7.1.1 version of the theme)?
Sorry for lots of questions, just want the update-process to go as smooth and quick as possible 🙂
Iti scriu romaneste ca e mai usor. Inainte de update nu exista acest bug nici pe mobil, nici pe desktop. Problema e in css, acel pseudoelement :after din primul post are latimea specificata in pixeli, si are 600 si ceva fix, care pe mobil e mai lat decat viewportul. Am postat si fixul in primul post. Apare numai in templateul nr 3. Daca testati pe mobil nu se vede pana nu dai scroll in dreapta.
Hi
On post pages the color can be changed using this option: If you want to change the color on category page use this css: http://screencast.com/t/sz3O4sTcfQz
.category .td-post-category{
background-color: red;
}
Thanks!
These are the following path which are consisting of eval and base64_decode.Let me also inform you that it is a fresh install with wordpress.After i install the visual composer , again many path will have files under it containing eval and base64_decode.
wp-content/themes/Newspaper/includes/wp_booster/wp-admin/panel/td_view_import_export_settings.php:33
wp-content/themes/Newspaper/includes/wp_booster/wp-admin/panel/td_view_update_newspaper_6.php:347
wp-content/themes/Newspaper/includes/wp_booster/wp-admin/external/ace/worker-css.js:1
wp-content/themes/Newspaper/includes/wp_booster/wp-admin/external/ace/worker-javascript.js:1
wp-content/themes/Newspaper/includes/wp_booster/td_block.php:556
Please help
Hi,
You have that error because you have disabled the post date to be shown on posts. http://screencast.com/t/sZdRahexL
Just go to Theme panel and enable the post date http://screencast.com/t/dLGieHVUTN and if you want to hide it without having trouble with Google Structured Data, you can hide it via CSS, add this in Theme Panel -> Custom CSS
.single .td-post-date {
display:none!important;
}
Thanks.
Hello,
The top menu was not added to the mobile version of the site by default. It can be activated with css though. Please add this code in the advanced css box under mobile phones: http://screencast.com/t/etRIgCKf
.td-header-top-menu-full{
display:block!important;
}
.td-header-sp-top-menu {
display: block!important;
}
Thank you!
Hi
This is not an easy task as module’s layout must be redefined and unfortunately I can’t provide a solution now. You can try to change the module’s layout by editing td_module_2.php file: http://screencast.com/t/zr4op9Rh8L Als you will have to adjust the css.
Note that this is a complex task which requires a bit of coding and if you don’t have experience with it my advice is to look for someone who can help you with implementation as we can’t offer customization services at the moment.
Thanks!