- 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
Hi,
7. It’s only possible with custom work.
8. After you added an image select image details – http://screencast.com/t/pnaCbHwOa
And activate “modal image” – http://screencast.com/t/sgtUk2GCIxFU
9. When you add a single image write your caption here – http://screencast.com/t/h9cAPoy4fkj
Result: http://screencast.com/t/iNExcrBw3UJ9
10. You can doit like this:
– add a link button to your menu, change the url to your main page url and replace the navigation label with an element which links to your desired icon – http://screencast.com/t/FASGk5tqwcR
– Use CSS to restrict the height of the icon – http://screencast.com/t/CkaVqiqXh2
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Tokyoship_Home_icon.svg/50px-Tokyoship_Home_icon.svg.png" />
11.Please use this custom css to remove more article on mobile and tablet:
@media (min-width: 1019px) {
.td-more-articles-box{
display:none;
}
}
12. It’s only possible with custom work.
13. Make sure you set the correct sidebar and that there’s a block on it.
Thank you, Emil G.
Hi,
If you want to change the fonts in other places you need to change it via CSS, sorry for the inconvenience! We will try to improve this in future updates.
Just make like this:
.put-all-selector-here,
.selctor-1,
.selector-2 {
font-family: "your custom font";
}
If you don’t have CSS knowledge, please hire someone to customize the theme for you.
Hope this help!
Thanks for the message!
Hi,
Add this code http://pastebin.com/jVkkGPtX like here: http://screencast.com/t/7f8W5cubv7t
Add this CSS in Theme Panel -> Custom CSS
.td-custom-ad {
display: none;
color: #666666;
display: block;
font-size: 14px;
text-align: center;
}
.td-post-text-content .td-custom-ad {
display: block;
}Thanks for the message!
Hello Marius,
Thanks for your reply. Yes i modified style.css and other css files to best fit for my work. So expect css files can i replace all the files?
Thanks.
Hi,
Please can you try to disable all plugins. Also i see that you css is minimized and the name of it is main.css and our is style.css.
For good speed we recommend to have a good server and also to use a cdn for images.
Also here are some speed discussion if you want to read some tips: https://forum.tagdiv.com/topic/theme-speed/#post-900
Hope this help!
Thanks!
Hi,
Can you give me a link to see the issue, and I will provide you a custom css to fix it.
Thanks for the message!
Hi,
Edit your single.php file(this is for the default post style) if you want for other post style add the code in all template styles, those files: http://screencast.com/t/YVfbJsUI
Code: http://pastebin.com/xgLhqvD8
Then use the Custom Ad 1 for you ad. Go to Theme panel -> Ads and paste your ad code in Custom Ad 1
Then go to Theme Panel -> Custom CSS and paste this CSS
.my-custom-ad div {
margin-bottom: 0;
margin-top: 32px;
}Result: http://screencast.com/t/bG8QOJLjfXw
Thanks for the message!
Hello TagDiv team
Here i have setup demo site here http://div.wpdiv.com and enabled to use custom fonts.
1. But when i use custom fonts, i am able to apply custom font properties to post title, post content, widgets and top menu and main menu only. unable to use custom fonts with rest of the areas in the website.
How can i apply custom font properties rest of the areas? Also how can i set custom font family for the above section in case if there is any issue with custom fonts? like font-family {custom font, verdana, times new roman)
2. When i change the line height for widgets via theme options, its not updating the same in front end. Where did i made mistake? http://oi59.tinypic.com/23svxw2.jpg
3. Even after commented google fonts in functions.php, still the old CSS class appear when i test the some elements via firebug? http://oi58.tinypic.com/2jakvf6.jpg How can i remove such old CSS?
Kindly help me.
With regards
Selvam.S
Hi,
You have modified the style.css?
What you can do is to replace all files via FTP but without style.css if yours is modified and then compare your style.css with latest from theme to see what differences are. You can use WinMerge for that.
If you have custom CSS in Theme panel -> Custom CSS section, that will be fine on each update.
Hope this help!
Thanks for the message!
Hi,
For contact page add in menu a link like here http://screencast.com/t/ceE5xNwB
For the login I don’t understand exactly what do you want. Our login modal is a widget and in menus you can’t add widgets!
What you can do is to create a custom sidebar in menu like here:
1. Add this code like here: http://screencast.com/t/Bf8vGkWBn
2. Add this code:
register_sidebar(array(
'name'=>'Login modal (in menu)',
'id' => 'td-login-menu',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
like here: http://screencast.com/t/oC4nNEA58
3. Go to your widgets and drag our login widget like here: http://screencast.com/t/uecSdU43Pmb
4. Add this custom CSS in Theme panel -> Custom CSS
.td-menu-header ul.top-header-menu {
display: inline-block;
position: relative;
top: 14px;
}
.td-menu-header ul.top-header-menu a {
color: white !important;
}
Also, if you don’t have developing skills we recommend you to hire a freelancer or someone to make this for you. This is custom work.
Please if is possible please remove the bad rating.
Thanks for the message!
Hi,
You can change it with custom css in Theme Panel: http://screencast.com/t/ctIYxLDi
And you have to change your Logo, preferably to not change width.
I give you an example: http://screencast.com/t/UHxPeCIth
.td-header-sp-logo{
width:272px;
height:272px;
}
.td-visible-desktop{
margin-top:150px;
}
Thanks!
Good choice 🙂
I have a little cheat sheet I keep with my mods to four files, style.css, and functions.php
and I just change those each update vs dealing with the unpredictable child theme stuff.
Ok. thanks for your help.
In the meantime, I just change the original CSS, and I just put the note on top, so that if there is an update, I will know which part I need to modified.
thanks for your and this community support.
st
Unfortunately, this is how the CSS works with WordPress.
When using child theme
a) child theme CSS loads
b) redirects to main theme CSS
c) custom CSS loaded in head of document
the delay is unavoidable on some servers.
Not using child theme can help with issue, but best bet is to mods to the main style.css and just do that with each update. Worth doing for removing the flash of unstyled text (“FOUT”) issue.
Quick and dirty method is just paste your custom CSS at bottom of the style.css file. You’re loading some things twice, but it can cut down on the perception due to ONE file loading both CSS (try it!). I’ve done this during development sometimes. Works pretty well. 🙂
Hi,
As Christopher said, the theme read style.CSS first (including default color, font, etc) then render other customization. However, I put my code in child theme – style.CSS. Why this method can not render straight from customization? Or should I put the code in theme setting?
Emil, if we have to change original style.css, we will have problem with new update.
Not mentioning there are some customization on font, etc…
regards,
st
Hi,
From this site http://tools.pingdom.com/fpt/#!/cN4TO2/http://ISerres.gr
I figure that main.css?ver=4.5d loading time is very bad
Is there any solution for this?
I use your speedbooster and I set it in the same way of your tutorial
Also, my score from here https://developers.google.com/speed/pagespeed/insights/?url=iserres.gr&tab=desktop is very good, but the loading time of the page is not good. Why this happened? I know that the response time from my server probably is one of the problems but I think this is not the only one
What’s your opininion? Do u suggest any fix for all these?
Thank you
I should also say that the TagDiv folks have been incredibly patient with a lot of people who don’t bother to read the users guide for WordPress then want support on “why don’t my comments box work” (um, turn it on in your WordPress panel?), kind of things.
They are way more patient than I would be with “RTFM” kinds of things.
I’m also astounded they will often help people write CSS for a plugin to use with the theme, when it’s not a theme related issue in any way (e.g., Google AdSense search box), or similar things where folks want to hack the theme but don’t want to learn ANY CSS at all, and just expect free coding work. For $50 some people have very unrealistic expectations on hand holding and not learning the stuff on their own that every WordPress user should learn BEFORE they buy a theme.
But I digress….. put another way, TagDiv folk have given some clients $500 worth of tech support on a $50 theme, which blows my mind.
THAT speaks a lot to their commitment to their clients; very few theme devs would do that much work. Even clients who change their site 3 months later, then want more help after throwing out all the stuff they got help on the first time.
Just a deep thought for the day 🙂
Hi there,
Just recently purchased the theme. Tried to import the “Classic Blog” stack. Unfortunately it is not functioning properly.
The main issue is that images are not imported, only in the raw post text the embedded images work, but the actual “featured image” wordpress manages, don’t function properly.
This leads to formatting issues.
Please take a look at these images to know what I mean: Imgur Link
As you can see, with the “title in featured image” layout, the layout breaks completely if no such image is available. That’s not a huge issue – I’d prefer for the images to be imported properly so I can show it to my client, but I can work around it.
Another issue is that, as you can see in the image, the horizontal space occupied by the header is more than that of the actual content / side bar area. For example, the magnifier icon is not in line with the right border of the side bar box.
On the left, the (purely red) header logo is not in line with the beginning of the content box (which is actually a bad example, because on the screenshot, the post’s content text is set up to have some padding; but still an issue).
The featured image issue is not a big deal, but it would be really nice if you could help me with fixing the horizontal width of the header. It can’t be such a big issue, because with (almost?) the same CSS on the demo installation on your server it works fine…
Kind regards
Eric
This is all a bit off topic to the thread for the person having an issue, but I used to write a monthly column for Digital Imaging magazine back in the day on web development, and my articles were also published by the Graphic Artists Guild in their newspaper; however all those articles are now terribly out of date since they pre-dated CSS3, responsive design, WordPress, Boostrap, mod_pagespeed, mod_spdy, etc.
I have in mind relaunching a site to post all my whacky fonts of wisdom or nonsense on the topic of webdev, but frankly I’m just too busy right now actually redoing my main business sites which pay the bills, then fooling around with some other things as kind of a hobby (e.g., ga-ga.com), etc.
Lots of great sites with tutorials and such. And for SEO, Google has their own free document download which tells you what you should have for your website. PageSpeed is important, original content most important, https will be important in coming years but not critical just yet; luckily with WordPress there are dozens of good sites out there with basic tutorials on the “simple stuff” and also the official WP docs are good to read, and it seems many folks buying themes on ThemeForest don’t bother to do that (“how do I set permalinks…” ?) …
Anyway……. I ended up in TagDiv land a year ago as we were building our own WP theme again, and I just decided I didn’t want to deal with that. Trouble was finding folks who even knew what PageSpeed was (!), so Radu and Co. caught my eye, and I like their philosophy of what they’re doing, so we decided to try their themes. So far so good.
But I need to get back to work! 🙂
Hello Marius
Tthank you for your answer.
In my posts, I would like my first line of text has to be next to the featured picture.
Before I used this code in style.css
    post wrap
* /
.post .thumb-wrap {
  float: left;
  margin-right: 20px;
}
but it doesn’t work anymore since I have updated the theme.
please help me.
best regards
I have a virus when I try to edit the CSS of the Newspaper template.
Please help because I have a lot of problem when people try to connect to the site.
Thanks
Yes the code is pasted in Advanced CSS/ Ipad Portrait.
Could you please make any suggestions on the css code? Please?
Thank you
Hi,
Your new page has a different id – http://screencast.com/t/eLJonZ4J11
To make the css apply to all pages replace .page-id-30 with .page
Thank you, Emil G.
Hi,
An alternative would be to do a search and replace for the default blue color (use Notepad++) inside the style.css file – http://screencast.com/t/hevfNoHJToFs
Thank you, Emil G.
Hi,
The plugin only moves js and css at the page bottom. Enable the plugin and check if you have errors in the browser console, if you do that may be the cause of your slow down.
Thank you, Emil G.
