- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
You can change it via custom css in Theme Panel > Custom Css: http://screencast.com/t/LsTYPu1MJNa
Read more button: http://screencast.com/t/Cph2Ir948Gmd
.blog-stack .wpb_button .more-link{
font-family: Comic Sans MS;
font-size: 30px;
}
Social sharing buttons: http://screencast.com/t/eafnvifiZ
.blog-stack .td-social-sharing-buttons .td-social-but-text{
font-family: Arial;
font-size: 25px
}
Submit buttons: http://screencast.com/t/y1xG3ou81m
.blog-stack .form-submit input{
font-family: Comic Sans MS;
font-size: 30px;
}
Hope this helps!
Hi,
I will add your suggestion to our request list and we will consider it for future updates. The text widget comes from WordPress and you will need a hook to customize it or you could try to do it via css, either way this is not an easy task so I suggest you get some to helps you with it.
Thanks for your suggestion!
Hi,
Please use this custom css in Theme Panel > Custom css: http://screencast.com/t/PcjHbmvbm
.td-post-text-content li{
line-height: 30px;
font-size: 22px;
}
Thanks!
Hi,
Unfortunately the theme doesn’t have an option for this, Newsmag is designed to work on desktop, tablet, and phone.
Yes it’s possible, but if you need it you can get someone to help you with this and alter style.css and some javascript as you like, it’s not an easy task and you would need custom work for that which we cannot provide at this time as we work on updates/development and support.
Thanks!
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/fda1akfw
.home .entry-date{
display: none;
}
Thanks!
Hello , I wanted to justify text articles automatically. However , I tested with different codes in the style.css file and there has been no change.
How I can do ?
Thank you very much and greetings
Hi,
That line changes based on the screen width you have and it has been added there to help you get a preview of your post depending on the width of the screen in which you view/preview your post.
You can change it by altering it’s css here: http://screencast.com/t/WE4OrojndgTU
Thanks
Hi,
Please use this css:
.wp-smiley {
display: inline-block !important;
}
Please let me know if this doesn’t solve your it and also send a link to your site with this issue.
Thanks
Hi,
Unfortunately the theme doesn’t have an option for this and you would need additional customization for it. If you need it you can get some to help you with this and alter the slider css as you like, it’s not an easy task and you would need custom work for that which we cannot provide at this time as we work on updates/development and support. I suggest you to get someone to help you with this if you need it and don’t know to do it.
Thanks for the message!
Hello,
I want to ask if it possible to disable the mobile version of the theme ?
So the theme only have 2 responsive formats, The big one, and ipad.
So if you go to the theme in a mobliephone, then you se the ipad verison off css ?
Hi,
The tagdiv speed booster plugin helps you moves the scripts and style sheets to the footer, which it does as the scripts and css files are moved to the footer: http://screencast.com/t/CBZegf9dXiF doing this should also remove the “render-blocking JavaScript and CSS in above-the-fold content” notification from your site’s test which it’s also happening: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fgossip.knews.it%2F&tab=desktop the only file that causes this issue is now the theme’s css file which is left at the top intentionally as moving it to the footer cases issues so is best to leave it at the top despite the speed test notification.
You can also see this “Optimize CSS Delivery” notification on our demo site also: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewsmag%2F&tab=desktop
Thanks
Hi,
You can change color of the blockquote from Theme Panel > Theme Colors: http://screencast.com/t/jwUKXPjeOf6
And if you want to be left-align just use shortcode pull quote left: http://screencast.com/t/iIzxVk5U
Result: http://screencast.com/t/TF9KtBuU
If you want to use pull quote center: http://screencast.com/t/wFpoKzmdFuot and the text to be left-aligned please use this custom css: http://screencast.com/t/XLtTxcxAPlwO
.td_pull_center p{
text-align: left !important;
}
Please provide more information if this is not solve your issue.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/1IdWb0hVf
.td-post-featured-image .entry-thumb {
display: table;
margin-left: auto;
margin-right: auto;
}
Result: http://screencast.com/t/7IAer7zgw
Thanks!
Hi,
To alter the animation for show/load more you need to change the html/js/css for it and implement your gif image, unfortunately this is not easy and you need custom work for it.
You can find the js code for the loader animation here: http://screencast.com/t/9RxzFZ4gxu0S and if you really need to change it I suggest you get some to help you with it.
Sorry for the inconvenience!
Thanks for the message!
Hi,
Please use this custom css for menu transparency: http://screencast.com/t/8atk96GR
.td-header-main-menu.td-affix {
background: rgba(0, 0, 0, 0.64);
}
If you want that effect on the site, you will need custom work and it is not a simple task.
Hope this helps!
I think we messed with this on one of our sites with CSS awhile back, but might not be what you need; originally this issue came up due to changing the font size would change container size/line height, and sometimes different fonts have different line heights, etc. Try playing with something like this:
.block-title {line-height: 28px}
If I’m mistaken, I apologize. But we actually ended up doing something cool and making the entire block solid to get rid of the whole (stupid) underline look and instead having solid bars:
.block-title {line-height: 28px;background-color:#666}
this is not the latest-latest version of Newspaper, and I think I need to update from WP4 to 4.1 (doh); but example:
https://www.send2press.com/guru/press-release-seo-tips-and-guidelines-for-best-placement-in-search-results/
Hope that helps!
Found a solution…
I installed the Newsmag-child theme and copied two files from the bbPress installation into the child theme:
- loop-single-topic.php
- loop-single-forum.php
Both of these files can be found in wp-content/plugins/bbpress/templates/default/bbpress.
Paste both files into wp-content/themes/[child_theme_dir] where child_theme_dir = directory of your child theme, usually Newsmag-child unless you’ve made changes to the name of the theme.
In these two files are multiple references to size => 14.
- bbp_get_topic_author_link function handles the avatars under the “Author” column (left-most column in forum index views).
- bbp_get_topic_last_active_id function handles the avatars under the “Fressness” column (right-most column in forum index views).
I am sure there are more times when avatar sizes are being set by bbPress (and I will post them as I find them when I go through and do some cleanup). But, the best way to find them on your own is do a search for the CSS container for the avatar (ex: bbp-topic-freshness-author) in the bbPress template files. Once you find the template file, copy it over to the child theme and make your edits.
Pretty simple once you figure it out!
-
This reply was modified 11 years by
shiftanddrive.
Hi
We are developing the site on a local server. But the strange thing is that the titles in the big grid have a grey background on the them, not the transparent background as in your demo. How do I go about to achieve this?
http://www.screencast.com/t/WUEtPqbM
This is CSS code the causing this
.td-big-grid-post {
float: left;
width: 238px;
position: relative;
overflow: hidden;
background-color: #cccccc;
}
Thanks
Never ever edit style.css. Always use custom CSS in admin panel. You will get a lot of headaches if you decide to update your theme 🙂
In you style.css edit line 4685 like this:
.td-post-content figure img, .mce-content-body figure img {
margin-bottom: 0px;
display: block;
margin-left: auto;
margin-right: auto;
}
i managed to use this custom css and works …
is this the right way to do it ?
thanks
/*featured image center */
.td-post-content p, .mce-content-body p, .comment-content p {
margin-left: 16px;
}
.td-post-content img, .mce-content-body img {
margin-left: 16px;
}
Post: http://sunnyinkabul.com/2012/09/28/3-cups-of-pointless-brits-build-unsustainable-schools-in-helmand
I want to change font size/line height for bulleted lists. Thought it might be in custom typography, but it’s not.
Hello, I’ve noticed that the animation performed after a “Show More” is created using CSS and JS but I can’t find a simple way to change it to a simple .gif that I have on my host.
Can you please help?
Best regards
Hi,
All this scripts jquery.min.js / td_site.min.js / comment-reply.min.js and stylesheets also s_composer.css / style.css and fonts are by default moved to the footer when you activate the tagdiv speed booster plugin: http://screencast.com/t/btjgYihJ so you don’t need to add them just make sure you have this plugin active and also check if this happens when by checking the page source.
Thanks
