Make sure you change the “name” of the theme in the style.css file, which will also appear in the appearance > themes panel. Basically you might do:
a) change theme folder /Newspaper/ >> /mysitename/ (be sure not to name same as a category or post!)
b) in your style.css, change the “name” of the theme (which populates the appearance data)
(might have to ‘reselect’ the new theme name in appearance > settings — might delete some settings, be sure to backup!!)
c) use something like mod_pagespeed or other system which removes all “comments” from HTML (plugin, CDN, etc.)
d) view page source in text editor, do search for old theme name
e) clear all caching on server/CDN, browser, if not done so already
That would change the “basic” name of the theme in the HTML to your new theme name.
Again, this won’t change the name of modules, plugins (e.g., speedbooster, td social plugin, etc.), or CSS elements with “td_classname” …
However it would fix things like
/wp-content/themes/mynewname/style.css
to show /mynewname/ in place of orig theme name.
Hi Bogdan,
I turned off WP Rocket plugin and things turned normal in case of Menu bar.
https://forum.tagdiv.com/topic/mobile-menu-not-working-properly/
But the issue Main Post Hover Turning white is still seen even after using custom css.
Please advice.
Thanks!
WordPress allows you to rename the theme folder, and you can rename theme in CSS but to hide the “td” classes you’d have to rename them and edit all the modules, includes, functions, templates to remove them.
You might google how to change the WordPress theme folder as this is pretty common knowledge.
I do that for our sites to change the name for our network, such as /themes/ournetwork/
hellow,
please let me know if there is any way i can hide from the css them name of the theme.
Thank you
Hello,
There is no option in the theme panel for that, but you can remove them with custom CSS:
.td-classic-sharing{
display:none;
}
Or from the core files:
http://screencast.com/t/5WMy2up3k
Thank you!
Hello,
Unfortunately, there is no option to change the URL of the featured image.
You can disable the link with custom CSS though:
.td-post-featured-image{
pointer-events: none;
cursor: default;
}
Thank you!
Hi
The theme was designed to display a single background ad for all pages/posts. Changing that functionality involve lots of customization in theme’s core files and I cannot provide a quick solution right now. If you need this my advice is to look for a developer from sites like http://studio.envato.com/ to do it for you as unfortunately we cannot offer any type of custom work at this moment as we work hard on the development, updates, fixes and support.
Regarding the second problem if you want to display a different background image depending on the screen’s width you can use media queries like here:
@media (max-width: 1366px){
.backstretch:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-image: url("your image url");
z-index: 0;
background-size: 100% 100%;
top: 0;
}
}
This code will switch the background image set from theme settings with a custom image for devices with a screen smaller then 1366px. This css must be added in theme panel > custom css.
Hope this help.
Thanks!
Hello,
CSS is very specific and a code you find in our forums will not work anymore if modification to css were already applied. In your case, this code should fix things up.
@media (max-width: 767px){
.td-header-top-menu-full{
display: table!important;
background-color:#222!important;}
.td-header-sp-top-widget{
display: none!important;}
.td-header-sp-top-menu{
float: none!important;
display: table !important;}
.td_data_time{
display:none!important;}
.td-header-style-8 .td-header-top-menu{
padding:2px 0!important;}
.top-header-menu li{
margin-left:-280px}
.td-header-top-menu a{
color:white!important;}
.td-header-top-menu{
background-color:#222!important;
}}
result: http://screencast.com/t/NYJKcOIFW1
Thanks.
Hi again !
Just a little add to this post.
In order for the subfooter content and the subfooter menu not to conflict ( text stacking on two rows ), I added this little code in the Theme Panel > Custom Css :
.td-sub-footer-container .td-sub-footer-menu {
width: 50%;
margin-right: 0px !important
}
.td-sub-footer-container .td-sub-footer-copy {
width: 50%;
margin-left: 0px !important
}
Hope this helps !
“If you want only to make it smaller it is possible using custom css, and also it can be hidden on specific screen device.”
I would not mind the above though i actually want it to show, then after a set time, eg: 7 seconds, it slides back in. And if someone has done that before, please post the code so i can use it.
Best regards.
Hello George,
Normally, the hover color is changed by the theme accent color: http://screencast.com/t/jc82UIBJ
But in your case there seems to be a problem. I checked your console and you seem to have a few errors:
http://screencast.com/t/M9W1Xq0T512
You can also target it with custom css if you want:
.td_uid_7_56164811b1c2d_rand .td_module_wrap:hover .entry-title a{
color:#f79521!important;
}
I hope this helps!
Hi
That text: http://screencast.com/t/dkv2tfopYKkn comes from Facebook Comment plugin and unfortunately doesn’t have a specific css class so I can hide it: http://screencast.com/t/TRMNtfhQBz4 You will need to edit the plugin files to remove that text.
Thanks!
Just thought I would share my site and a few observations on what I’ve changed that make the biggest difference to the look of the thing.
The biggest thing that I find has the most impact on this theme is the font, it’s well worth getting your font’s in order, it makes a huge difference and the standard theme font is so ugly it’s untrue (sorry tagdiv)
Second biggest thing is sectioning off areas of the homepage to only show selected content, hiding little content gems for your visitor to find that don’t appear anywhere else, in the big grid or in the top menu 🙂 adding different backgrounds to differentiate content areas and using the carousel to split the sidebars, I hate seeing sites with the sidebar unbroken, all down one side. WordPressy springs to mind.
I’ve dumped the footer, man I hate wordpress footers
I also hate the wordpress blog roll below the VC content area, I’ve sectioned this off to only show posts from 1 category and made that a kind of stand out area for interesting articles from around the web, I’ve not decided on exactly if it will stay like this but I hate the “latest news” type content areas especially when you have each different content element displaying the latest article anyway. Separate everything and you wont need to use the unique articles setting which breaks my site anyway
Some of the less relevant categories have been omitted from appearing in the big grid to try and preserve the websites core message, I just found that having every category appear randomly as they were posted sometimes confused the thrust of the sites message which is travel on a budget, unplug, escape the rat race and that sort of a vibe. I try to alternate the posts so the big grid doesn’t get filled with one type of post but that’s not easy when you can only think of one thing to write about lol
My other pages haven’t really been thought out properly yet, I’m going to leave that until I have more content on the site, as it fills up I will split the top level pages into more categories to make it easier to navigate.
Looks like I’ve got a lot more work to do on writing articles and UX, I’d love to get some customisation of the CSS to change the look on some of the buttons and stuff but that’s something i’m not gonna mess with yet, it’s been hard enough getting to this point……….
Just need some visitors now lol
Cheers
Is there a shortcode to be put in custom CSS to lower the header, adding a transparent gap above it?
I’d like to use ads in background. Is it possible to make the background to link to a page?
Hello,
I tried changing this CSS from the original CSS:
.td-post-template-1 .td-post-header .entry-title {
font-size: 20px;
line-height: 30px;
}
to this:
.td-post-template-1 .td-post-header .entry-title {
font-size: 16px;
line-height: 22px;
}
and pasted into Advanced CSS field for PHONES 0 – 767px, but the change is not taking effect.
Am I doing something wrong?
Thanks for the great support.
hi, i did look in to the forum and try out all the code about showing the login on mobile device, but still cant get it to work, i do understand the code have to put in under theme panel> custum CSS and the code is
@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}
but it still didn’t work, the website address i am working on is http://www.scooptw.acsite.org/
can you plz help me out
thank you
Hello,
It actualy depends on what icons you created. Our theme uses glyph’s (font icons) for its menu icons:
http://screencast.com/t/W6V493fR
If you create a vector graphic for example you can use it as shown here:
https://css-tricks.com/using-svg/
You can find more tutorials on how to use icons here: http://alwaystwisted.com/articles/2012-05-12-create-a-pure-css-menu-button
Please show an example of what icon type you plan on implementing.
Thanks.
Hi,
You can set the date format(add also time) from the WP Settings – http://screencast.com/t/mmBEBVIWB7pk and use custom css to color date – http://screencast.com/t/c0Cd3VVvp You cannot target only the time.
Also if you want to have there only the time you could use get_the_time function instead of get_date – https://codex.wordpress.org/Function_Reference/get_the_time
Thanks!
Hi,
You have a background color to a container, you could remove it via custom css in Theme Panel > Custom Css – http://screencast.com/t/gtuwlbGoai
.thrv_wrapper .tve_js_placeholder {
background-color: transparent !important;
}
Hope this helps!
Hi,
You can add a background image to a row and stretch it – http://screencast.com/t/eXbpEs4O then you can play with the design option – css box – http://screencast.com/t/47x0TU2Yb and also for the bellow row(in demo block 5 row) – http://screencast.com/t/fleFsRa7f add negative top margin for example.
On our demo we use some extra classes to those row and we have added css code in style.css. So you could use the demo classes if you want:
*for background row td-travel-header – http://screencast.com/t/fUvEoIMwjXY
*for block row td-travel-features – http://screencast.com/t/oDcj0EY0
You can find the css in style.css file just search after those classes – http://screencast.com/t/t6ln5rgUpxx8 – http://screencast.com/t/eJN8kUOQVu
Hope this helps!
Hi,
Please provide a link so I can inspect this, also you can check this without any plugins active except of Visual Composer, clear cache and see if the issue is still there. Also you could remove the custom css maybe you have a code that affect this.
Thanks!
Hi,
The loading animation use javascript here you can find the code if you want to change it – http://screencast.com/t/E6LvsTybH – http://screencast.com/t/df4mUAJ6z
Also you can hide it via custom css in Theme Panel > Custom Css – http://screencast.com/t/a5NYe5XCi1pV
.td-loader-gif {
display: none;
}
Thanks!
Hi
@Bluehacks the above css works well only for that specific case, so please provide your site url such that I can provide a more better solution.
Thanks!
Hi,
As you can see on our demo no tagdiv blocks have this effect and you will need custom modifications for this, with a specific css for each module. Just the Big Grid blocks have a zoom effect.
You have to add this for each module with specific width and height(thumb size) and it is not so easy if you don’t have html/css experience. I provide an example how this works for module 10 – http://screencast.com/t/Gewgic8X5
Just paste this custom css in Theme Panel > Custom Css and check module 10(on a category for example or block 11):
.td_module_10:hover .td-module-thumb a:after {
content: '';
width: 218px;
height: 150px;
background-image: url("http://www.be-street.com/wp-content/themes/bestreet4/img/hover-full.png")!important;
background-size: 218px 150px;
display: block;
position: absolute;
z-index: 100;
top: 0;
}
2. The share buttons are available only on post pages and not for blocks/modules – http://screencast.com/t/9dZrSZfZYze – http://screencast.com/t/m7Rnxg3bQYK
Thanks!
Thanks for your responce.
I have modefied the:
td_module_trending_now.php file
and added the custom CSS to Theme Panel > Custom Css
The result is fine, but I am still not getting the hour the news was released.
I need it to be something like this:
—————————————————————————————————————-
How To Use Basic Design Principles To Decorate Your Home October 5, 2015 2pm
—————————————————————————————————————-
I want also to have the hour in which the news was released. the 2pm should be bold and with a color red.
Making the hour of the release stand out.
Please help.
Thanks.
t2e
