- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
you might trying adding some basic CSS to the custom CSS box,
like
.img {border:1px solid #CCCCCC;}
but then adapt that to any of the image classes being used on the templates — do “view source” on one of your pages to see the actual tag being used for images, or existing class.
Here is a class used for full size image, placed into a post
.size-full {border:1px solid #CCCCCC; !important}
something like that ?
I have not actually tried this, but seems like something along those lines should work 🙂
Likely Lucian or Marius will follow up later Sunday/Monday when they are open again with additional info, if that didn’t help point you in right direction 🙂
Well, that is tricky as it would require loading all those fonts from Google in order to do a preview.
Since the theme uses
1) web safe fonts, which have been around a decade
2) Google fonts easily researched on their site
I don’t see this being implemented.
For web safe fonts, you may find this useful:
http://cssfontstack.com/
For Google fonts, you may find this useful:
https://www.google.com/fonts
The above sites already preview the fonts, and have done so for many years, and are quite a bit more detailed than anything which could be added to the theme panel.
Hope that helped and welcome to the world of web development!
I am haing trouble with CloudFlare. As someone mentiones before, the site becomes “not-mobile responsive” using it, altough I do see a good speed improve. Any suggestions? Is mandatory to use the payed version to resolve this issue?
Have you all a nice weekend!
Heh. I actually skip every couple of updates and then do my list of minor hacks; not really much of a way around it. Also notable is that you don’t have to update unless it’s for a security patch, resolved feature issue, bugfix, new feature, etc.
Usually what I do, vs using child themes, is keep a cheat sheet, much like you are doing in your list above, and then open my cheat folder, and my new version folder side by side, then go through each item and modify the new version for my fixes to keep them.
Tedious, but once you have your site the way you want it, you don’t need to get crazy about “oh no! there’s a new update!” — if your site WORKS, in some cases no reason to update every day. I have a site with Woo Canvas, and I skip every 5 updates until I see a need to do so, or if it fixes some wonky responsive issue. Site works, big whoop if they updated it last week.
Often you can look at the “what is new” summary, and decide if that works for you.
I skipped the 4.22 update, and 4.3 and will update on 4.3.1 of Newspaper. But that’s me.
You can use a child theme, just remember for some CSS and javascript things you may find a gremlin which you cannot track down for any specific reason other than you are basically running two themes at same time.
Another benefit of using ONE main theme, is you can also more readily optimize your wp-config.php file to include direct paths to your folders and know they will always work.
Child themes are indeed handy. Christopher recently said he doesn’t use them because of the pagespeed slowdown in CSS importing, if I understood him right, which is valid but it does prevent things like this. If you’re a heavy modifier of files, each update will be painful…
Child themes basically make WP use the version of the file in the child theme rather than the parent theme’s, if one exists. Hence your changes would survive updates.
Also, not all of those files can be modified in a child theme (I believe td_wordpress_booster.php can’t, for example). For those ones, you would have to copy the function in question into your child theme’s functions.php, make your changes, and rename the function. Then either change all references to the function in other files, or it’s a hooked action or filter, unhook the parent functions and hook yours in. (There are a few tutorials out there for this.)
Even if you use a child theme, you would want to watch for updates that affect functions and styles you’ve changed and do your changes over again, but it’s not as big a deal.
A block 10 is also included in the latest update, so you’d want to rename your custom one to avoid it being overwritten.
Hi,
Can anyone guide through the best way to upgrade the theme. I’m currently on v4.1 and that’s 4 versions behind. The biggest problem is that I have made changes to many files including the following.
style.css
loop-single.php
td_module_blog.php
td_block_layout.php
td_block_10.php (New block created by me!)
td_block_side.php
td_wordpress_booster.php
and lot more!!!
The ideal and the tedious way would be to manually diff the files and make the changes but that would eat up hell lot of days if not weeks!!! BTW haven’t researched about child themes. Would that be handy?
I would greatly appreciate if someone can help me with this!
tables are not responsive in normal HTML, nor in themes based on Bootstrap 2.
Bootstrap 3 introduces a class for responsive tables which basically puts a pseudo iframe on the table so that when it gets too narrow to collapse any further, it adds a slider so somebody can slide to the right to see the whole table.
There is some custom code to do this with Bootstrap 2, which one of my guys came up with, and we use on our main business site (not running WP, but based on Bootstrap 2), and works, but have not tried to clone that to a WP site (yet).
Suggestion: if you were expert at code, you could likely copy the table elements from the Bootstrap 3 CSS and add to your styles CSS at bottom, then “try” using those new classes for your post to see if they work or not.
I am not sure if the new table classes from BS3 are in this theme or not, so Marius or Lucian would need to say yay or nay on this.
However, even then the class requires a custom hack for pesky Firefox which somehow continues to be less compatible with the “new web” lately than IE11 or Chrome.
But some anecdotal info here:
http://getbootstrap.com/css/#tables
It’s a nice update but it seem it was rush out,because even the new page font they add seem to don’t work either..i had to go back to my CSS code,they will fix it next week all these bugs,we just have to keep reporting them..
nice 🙂
Hi,
Thanks for reporting this, we will fix it in the next update, until then please add this custom css in theme panel > custom css, like this: http://screencast.com/t/C6poZqXYh
.td-full-layout .td-menu-background:after,
.td-boxed-layout .td-menu-wrap:after {
background: none !important;
}Please follow this and do the same for menu:
* https://forum.tagdiv.com/topic/modify-menu-height/
* https://forum.tagdiv.com/topic/adding-a-main-menu-border/
Please let me know if you manage to do it.
Thanks
CSS for line under menu, to be entered in Theme Panel -> Custom CSS:
.td-menu-background:after {
background: transparent !important;
}Spacing and border between menu items:
.sf-menu > li > a {
padding: 0px 0px 0px 0px !important; /* top, right, bottom, left*/
border-right: 1px solid #eee !important;
}Adjust values as desired. Note that at present you don’t have to think about first and last child of the menu as long as you don’t remove the search button (because it’s not a list item).
More screen shots to let you see all my tips working as they should…
Make sure every thing is in green for a fast site and a great pagespeed score..
If you notice every thing on my server side is in green and in the 90’s that make my server FULL optimize for the best performance… with all this ur WP will be running great and ur server as well..
Hi,
Please turn off the minify option for JS and CSS and do the test again. Also noticed that you have this errors in the console: http://screencast.com/t/ALIouf4Lsd
Thanks
Hi,
From what I know you can’t set the length of the excerpt using css, only use some method to hide it, you could try to use text-overflow property.
You can read and learn more here: http://www.w3schools.com/cssref/css3_pr_text-overflow.asp
Ex here: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow
Hope this helps!
Thanks
Hi,
You could do this by adding the code on the template of the page you want to have this code, for example if I understood well you want this on post pages and enable this only if the post belongs to a certain category and use a plugin like Advanced Custom Fields to chose when editing the post if to show that widget or not for that post so regarding the category that post belongs you can chose if that widget to be displayed or not.
Here is how you can do it, follow this topic: https://forum.tagdiv.com/topic/function-to-hide-ads-and-function-to-show-author/#post-8993
If you don’t have basic php/html/css knowledge we recommend you hire a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support.
Thnaks
Hi,
Please use this css:
@media (min-width: 767px) and (max-width: 1018px) {
.custom_category {
position: relative;
left: 70px;
}
.td_block1 .td_mod2 .custom_category {
left: 0px !important;
}
}Result: http://screencast.com/t/qauyChDtY
Thanks
Hi,
Please use this css:
@media (max-width: 767px) {
.td-header-menu-wrap {
display: inline-block;
}
.mobile-logo-wrap img {
width: 140px;
top: 0px;
height: 100%;
}
.td-rec-hide-on-p {
display: block;
}
}Also added the .mobile-logo-wrap img for the logo which I have noticed it’a a bit off line on mobile screens.
Should work like this: http://screencast.com/t/Et9lZRjsY
Thanks
Hi,
That function was added for auto generated block titles, works either way, you can remove the function and add css if you like.
Thanks
Hi,
Please use this custom css:
.span4 .td_block5 .td_mod4 {
min-height: 100%;
margin-bottom: 0px;
}Should work like this: http://screencast.com/t/8oJ0bO4b
Thanks
Hi,
Should not affect anything else but the banner container, you could also use this css to target the banner, if you use an google adsense ad:
.td-g-rec-id-header {
margin-bottom: 20px;
}Thanks
Thanks again.
The css code between the men and content is not taking away the white space.
Its now time to contact the company and ask to solve these problems.
I appreciate for your help. It helped me a lot.
Best regards
Ecofame
Well that’s what you can use the custom page template for, to add classes. Then again, depending on what you’re trying to do overall, VC can handle what you need.
Just create your page using the default page template with the articles list and add the styles for that page to the page via the VC page settings (grey cog at the top right of the editor screen). You can also edit rows and columns and enter custom CSS there as well.
I know but if I change the CSS for one class, it is going to change everything on all the other part of the theme but I want to use custom class and make it look a bit different.
If you’re just wanting to change how things look, and not move things around, then you should using custom CSS. Use FireFox or Chrome to open the existing page, right click on the part you want to modify and select “Inspect Element” from the context menu. You can see the style classes and IDs used to target your CSS changes.
@Christopher great tip for those who love running those ads on there site…
