- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Thanks for the reply, Bogdan B.
Issue still exists even if I put on another blank page. Shouldn’t the style supersede the importance of other classes/IDs on the page by using completely unique css styles and nomenclature?
Don’t worry about the username and password. I have already changed and the site is backed up and not using any sensitive data at this time.
Kindest Regards,
Jason
Hello TagDiv team,
I want to change the way the thumbnails load for Big Grid 3 – I have made custom CSS changes to the Big Grid element and now the thumbnails do not respond well.
Where can I make these changes?
Thanks,
Hi
You could try a custom js which append a new css class to each iframe element from the page body. Here you can find some information which may help you in this regard: http://stackoverflow.com/questions/11658011/cannot-modify-content-of-iframe-what-is-wrong – http://code.tutsplus.com/tutorials/how-to-inject-custom-html-and-css-into-an-iframe–net-22826
Thanks!
Hi,
If you plan on using an image in the sidenbar, you can simply add one in a text element using HTML like so:
<a href="your URL here">
<img src="Your image URL here" alt="alt text if you want" style="inline css if you want">
</a>Hope thsi helps.
Thanks.
Hi,
The iframe is added with 1px height. Even if I change it to 100%, the container above it still gets 1 pixels so that needs to be changed as well.
You can try this css:
[data-embed_type] iframe{
height:100%!important;
}
[data-embed_type]{
height:350px!important
}
Hope this helps.
Thank you!
I’ve added a block 3 element below the author box referring this forum post https://forum.tagdiv.com/topic/is-is-possible-to-create-this-element/. The element has been added. I want to hide the author name, post comment count displayed by the article. But i’m not able to do so. I’ve tried this with the below codes, but the code doesn’t work.
.td_block_3 .td-post-author-name .td-module-comments
{
display: none!important;
}
.custom-block3 .td-post-author-name .td-module-comments
{
display: none!important;
}
How to add the author name, comment count with the CSS?
Hello PDX,
If you want to change this default behaviour, you will have to alter the code from the td_config.php core file, like this -> http://screencast.com/t/RO3v2W1Ac2wq
I suppose that you are referring to the appearance of a flash when you enter on your website…firstly is loaded a style and then will appear another style, right? This behaviour appears when you have additional customization through custom CSS code and when you are using the speed booster. Please notice that the CSS working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code.
If is not what you mean, please provide more details about what is happening and also, provide your website URL so I can inspect it closer.
Hope this helps!
Thanks.
Hi,
Please provide a link to this widget on your site so I can inspect it and provide a css solution.
Thank you!
Hello,
There is nothing to ‘fix’. Newspaper 7 works. If there was a problem with it, you could see it here as well: http://demo.tagdiv.com/newspaper/
The problem is not the theme but your install. There is something affecting the css. Please try to create a sub-domain and install a fresh version of wp and a fresh version of the theme (version 7) there. If you still get the error there as well, please send us an email at contact@tagdiv.com and we will look into it to figuire out the cause of the problem.
Thank you!
Hello,
You can use this css trick to remove the sticky menu on desktop and tablets:
@media(min-width:767px){
.td-affix{
display:none!important;
}}
Add the code in the theme panel->custom css box.
Thank you!
Hi
I’ve checked your site on my side and the logo it’s displed fine. If you still have this issue try this css to set a lower width for logo on smaller screens: http://screencast.com/t/X160brVQf
@media (max-width: 480px){
.td-main-menu-logo img {
max-width: 280px
}
}
You can change the values as you want.
Thanks!
Hi
The default template display page’s title when you’re not using Visual Composer on the page. When you’re using VC’s page-builder to ad block on the page the title is not displayed. For pages where you want the title to be displayed you can use page builder+title as that page template always display page’s title.
Also the above css hide page’s title for each page which uses page template + title. If you want to hide it only for a specific page replace .page-template-page-pagebuilder-title-php with .page-id-abc where abc it’s the numerical id of the page. To get page’s id follow this link: http://screencast.com/t/RHNZEYuPX
Thanks!
Hello SanjaKokica,
First of all, I want to thank you for your kind words and I feel glad that you are excited by our new theme product.
So, as you can see, all our demos has their own custom made style and if you are not using that demo, you will have to implement yourself all the design elements that you like. Please notice that each demo has their own style.css from the demo folder, like this -> http://screencast.com/t/4lbEzaD1Jc Please notice that these classes are custom made and you cannot use them for your backend as shortcode if it were not loaded. Please check the demo_style and try to implement this style as you wish.
Also, please notice that if you need more customization in this regard and you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Thanks for your response.
I understand that there is a on going issue because from the other posts i have read that
the reason the mobile menu is showing on desktop version is of a old style.css file from previous build.
how do i update the file to new build?.
here is the on going issue post
https://forum.tagdiv.com/topic/mobile-menu-and-regular-menu-showing-on-page/
my logo for mobile is 230x38px
URL: http://nicoblog.org/
On my phone which resolution is 480×854 it doesn’t fit, it goes over the menu and search buttons.
Initially when the page loads it fits perfectly but about a second later it gets bigger and doesn’t fit, i don’t see what makes it go out. Can someone help me?
These are my custom css
.entry-thumb {
float: none;
margin-right: auto;
margin-left: auto;
}
.share-nicoblog {
background-color: #222222;
}
.share-nicoblog p {
color: #ffffff;
}
.list-all-posts {
margin-left: 20px;
}
.widget_ratings-widget img, .post-ratings img {
display: inline-block;
}
.td-post-image-full {
left: 0;
width: 640px !important;
}
Lol why would users use an old version of style.css from v6?
The updates are all zipped with updated code.
Well I’m certainly no web design purist, I just fiddle around with it until it looks as good as I can get it, but here is what I use, it could probably be improved and refined.
HTML
———————
<div class=”block-title”><span>Buy Online </span></div>
<div class=”link”>PRODUCT</div>
<div class=”link”>VENDOR</div>
<div class=”link”>reviews (100)</div>
<div class=”link”>price: £200.00 £100.00</div>
<div class=”link-view”>view</div>
CSS
—————-
.link {
border-right: 1px dotted lightgray;
display: block;
float: left;
padding: 2px 10px 2px 10px;
font-family: “Roboto”,sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.link-view a {
background-color: #5aaf0b;
color: #fff;
display: block;
float: left;
font-family: “Roboto”,sans-serif;
font-size: 12px;
font-weight: 700;
margin-left: 15px;
padding: 2px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 75px;
}
By the way, I should mention it doesn’t collapse up that well when viewed on smaller screens, I’ve sort of replaced it with a new design that seems to work better over all platforms:
http://gadgetviper.com/foldable-keyboard-full-size-bluetooth/
Best of luck..
Hi,
I’d like to combine the elements I like from the various demos. How can I mix and match the various elements that I like to build a home page, page, or post template?
For example, I like the “td-grid-style-1” of the Newmag Default Demo but want to modify the Default home page to include the “td-pb-span8 td-main-content” style list of articles found in the Sports Demo Home page.
Would the modification need to occur in the child theme’s css file or rather one of the theme’s php files?
Thank you.
That worked somewhat. The H1 through H6 fonts now follow the settings in the theme panel for the Make It Easier page. And, it doesn’t have title on the page.
I have a Contact page, but now it won’t show its title, before it did. I have other pages with the “default” template and their titles appear. The Contact and the other pages appear to have the same set-up and template, but display differently.
The Contact page really needs to have a title. If I would add pages in the future, they would likely need titles too. With the new CSS you offered I pasted into the theme panel, I’m assuming new pages won’t have titles.
Is there a way to exclude the title for just a particular page? In this case, Make It Easier.
Thank you for your help but i still saw js_composer javascript and css files when i view source code mobile site or when i check with google speed insights.
You can see here:
Hi,
It’s added with css as a custom pseudo element in css: http://screencast.com/t/QCzKEehJG0WT
Thanks.
Hello mc_kot,
3,4) Please notice that this type of code will have to be used only in the main theme because this is not tested with child theme and with it, you will get the list of registered CSS and js add the following code at the end of the functions.php file and then you will have to remove this code because you will have nothing to do with it. Please understand that this code is used only to show you the list with the id for all the CSS and js will appear on your site (top of the page). Copy and paste the list from your site into a .txt file. Please notice that all of this information are mentioned in our tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ but it seems that you have missed them.
6)Also, please notice that all the thumbs are created in td_config.php and this type of folder is part of our wp_booster core. Please notice that all the files which are from this folder cannot be written in the child theme.
11) Please notice that one of these id’s come from your untested plugins (wp-geo) and the other ones seems to come from our theme. Please notice that these will be applied to later than the others and you will have to increase yourself their priority. For more information in this regard, please check this topic here -> https://forum.tagdiv.com/topic/pagespeed-insights-google-fonts-problem/
Please notice that these customizations involves custom work and please notice that these are not covered by our support!!!
Thank you for your understanding!
Hi,
1) If a video is not repsonsive it means the implementation is not done correctly. Please only use the video url and paste inside the post content. You most likely get a fixed width for your video and a fixed width is not repsonsive. Please provide a link to your site pointing to such a video so i can inspect it.
2) Using a small featured image is not a good idea as our mofules and blocks need thumbnails created from images that are at least the size of the featured image. if your image is smaller than the thumb needed for a particular block, then a grey area will display to fill in the gap. We recomend using at least a 800 x 600 image for optimal results. Here is a list of thumb sizes used in our theme: https://forum.tagdiv.com/theme-thumbs/
If you still want to use small images, then please proivide an example and i will provide the proper css for centering them. (different post styles display the featured image differently: https://forum.tagdiv.com/post-templates-2/ )
Thank you!
Hello eyesandvoice,
Please notice that all the style for our demo is custom made and each of them has the own style.css folder for this. Please notice that if you want to make your website to look similar to this demo “Say What”, please try to check the style.css folder corresponding to this demo, like this -> http://screencast.com/t/1cvZ0AK27 and try to implement yourself these changes because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hi,
This is what I’m trying to say: there are no more social icons on mobile. They are all inside the menu. Maybe you had the old modification that foprces the socialicons to display on to pof the menu from newspaper 6. The css code we provided here for most people that requested mobile social icons. Please provide a link to your site so I can inspect it and see if this can be done through css.
Thank you!
