- 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,
Tabs Fonts from Custom Typography is apply on tabs title: http://screencast.com/t/nALdBZbizuPX
Excerpt fonts was added here to no create a new section. It will be changed on Newspaper 5.0. Thanks for understating!
1. Please use this custom css to change font for footer text:http://screencast.com/t/yJHCEkxnhPsq
.footer-text-wrap{
font-family: Ubuntu !important;
font-size: 18px;
}
2. The fonts are downloaded from google, every time have to make request for this and maybe that is the error you get and the default font is used. You can try to set the Leverage Browser Caching so it will remember css(fonts): https://forum.tagdiv.com/how-to-make-the-site-faster/
Also you can check if you have errors in console for fonts issue.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I tested the http://ga-ga.com/1829/book-review-place-hide/ link in the thread you posted and it returns chinese writing in the viewer:
http://ipadpreview.com/previewer?url=http%3A%2F%2Fga-ga.com%2F1829%2Fbook-review-place-hide%2F
The other links seem to be to screen grabs?
Eventually, I managed to find these two suggestions below at https://forum.tagdiv.com/topic/icons-missing/page/2/
Quote:
“handiso
#29906
Dec 7, 2014 at 9:50 pm
As the test result shown in my last reply, maybe something wrong with the font “newsmag”? Anyway, I re-generated the font and the problem is fixed.
HOW:
1. go to https://icomoon.io/app;
2. button “import icons”, import from newsmag.svg (in /images/icons/),
3. select all icons;
4. button “generate font”, button “download”;
5. copy the 4 files (.eot, .svg .ttf .woff), in “fonts” folder in the downloaded zip file, rename icomoon.* to newsmag.*, replace old files, done.
For your reference ONLY.”
There is also a css mod in the reply directly above this reply in the same link.
Tried both of these fixes but neither worked?
From reading the thread I gather this is a known issue. However, you don’t seem to of been able to of fixed it despite it appearing on your demo? I realise your busy and I appreciate your help but it doesn’t feel right when you have been looking into the issue for two months.
Is this on the list for the next update?:)
Best Regards,
Sid
Hi,
Please try this custom css for:
Post Template 3: http://screencast.com/t/6VoYhUeOgT6x
.single_template_3 .header-content-rec .td-a-rec-id-header{
top:5px !important;
margin-bottom:5px;
}
Post Template 4: http://screencast.com/t/GHrvFyyoIN
.single_template_4 .header-content-rec .td-a-rec-id-header{
top:5px !important;
margin-bottom:10px;
}
Post template 5: http://screencast.com/t/L37YQhnEDO
.single_template_5 .header-content-rec .td-a-rec-id-header{
top:5px !important;
margin-bottom:5px;
}
Hope this helps!
Hi,
Add this in AD section in Theme panel: http://pastebin.com/vhD8Efmh
and in Custom CSS section, this one:
.td-a-rec-id-header {
height: 100%;
width: 100%;
}
.td-a-rec-id-header object {
height: 100%;
width: 100%;
display: block;
}
embed {
height: 100%;
width: 100%;
display: block !important;
}
@media (max-width: 767px) {
.td-header-sp-ads .td-header-ad-wrap {
display: block !important;
height: 100px;
}}
Hope this help!
Thanks!
-
This reply was modified 11 years by
Marius.
Hi,
Try the following css (add it in Theme Panel -> Custom CSS):
.widget a{
color: white;
}
.widget a:hover{
color: #8fbf10;
}
.widget .current_page_item a{
color: #8fbf10;
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi,
1. I’m not sure what you mean with created a sidebar as a widget. You can create a custom sidebar from Theme Panel > Template Settings(you can choose a different sidebar for each template) for posts for example: http://screencast.com/t/1Q7yZTzG And it is normal to find it empty in Widgets section, just add widgets to it: http://screencast.com/t/cUctIPwK5tc
And set it to display: http://screencast.com/t/h7SQeDjTM
Result: http://screencast.com/t/88S4IiqgYpZB
2. You use Header Style 3 with blog-stack that why is that issue on mobile. For Classic Block stack we made a special header, this one http://screencast.com/t/FEoXVhLMpcv and in combination with other headers is not guaranteed that everything will work fine.
So if you want to use it like this, please paste this css for mobile view in Theme Panel > Custom Css:
@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img{
width: 30px;
}
}
Result: http://screencast.com/t/0e2v9SlcLw4e
Thanks!
Hi,
Your background ads works fine, just paste this css in Theme Panel > Custom Css to change the cursor: http://screencast.com/t/UlKt96xls
body {
cursor: pointer !important;
}
.container, .container.td-page-wrap {
cursor: default;
}
Hope this helps!
Hi,
Please edit top-menu.php and add this code: http://screencast.com/t/jVfBKKr5
' . get_author_posts_url($current_user->ID) . '
Also add this custom css to change cursor from default, in Theme Panel > Custom Css: http://screencast.com/t/qDKiIgv27po
.td_user_logd_in{
cursor: pointer !important;
}
Hope this helps!
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
We know about this issue and it will be fixed soon as possible. Sorry for inconvenience!
Please use this custom css in Theme Panel > Custom Css:
.td-arrow-list {
list-style: none;
margin-left: 21px;
}
List with arrows in backend: http://screencast.com/t/LYBwClVLsKC
Result: http://screencast.com/t/p8F3qRRj6Jq
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I checked your site and seems that you managed to solve the issue: http://screencast.com/t/fcHxfUfP
Yes only with css is possible to to that.
Thanks!
Hi,
You can use this custom css in Theme Panel > Custom Css: http://screencast.com/t/MGhkwxsVegHO
.td-header-top-menu {
display: block !important;
}
Result: http://screencast.com/t/q2DYx26Abfa
Please also note that the top menu hasn’t been designed to be used on mobile screens so you might need additional customization to it.
Thanks!
Hi,
You could edit your style.css file and using the replace feature replace this color #4db2ec (blue) with your color like this: http://screencast.com/t/LlpjBGwZ9O
Thanks!
Hi,
1. They are using a plugin for social share. we haven’t tested the theme with share plugins so I can’t recommend one and also guarantee it will work fine without creating any issues. I think they are using this one: https://wordpress.org/plugins/hupso-share-buttons-for-twitter-facebook-google/
2. You have to edit td_module_single.php and add the button or replace a button that you don’t use. Take a reference google plus button and try to create your button: http://screencast.com/t/k1kifke2NhQF
Also please take a look here, maybe will help this: https://forum.tagdiv.com/topic/linkedin/
Then you have to add with css code, an icon for that button.
Thanks!
Dear Emil,
How can I add the custom CSS you gave?
Thanks,
Ufuk
Hi,
Add the following css in Theme Panel -> Custom CSS: – http://screencast.com/t/rtgQsEdipmV
.sf-menu {
float: right !important;
}
#td-top-search {
right: auto !important;
left: 40px !important;
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi, I need to remove the border on a page, between Pagebuilder and Latest articles. Like on this image: http://www.screencast.com/t/bow3LVyWcnJ
I added this code to custom css:
.td-container {
border-bottom: none;
}
But I need to know if there is a better way to accomplish this.
(Here’s an example.)
Regards,
Felipe Z.
Hi,
If you disable the post views in Theme Panel it also disable the counts on the backend, you have to enable it and hide the frontend views (if you want) via custom css:
.entry-comments-views span{
display: none;
}
.entry-comments-views span.td-sp-ico-view{
display: none !important;
}
We’ll add separate options (hide/disable) in a future update.
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Salut,
Foloseste acest css in Theme Panel > Custom Css: http://screencast.com/t/Mq7Afe976
.post .entry-comments-views {
display: inline-block !important;
}
Mersi!
Hi,
Unfortunately there is no option to change font for caption from Theme Panel. You can do this only with custom css: http://screencast.com/t/koug1KS9aKsl
.td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite{
color: red;
font-family:sans-serif;
font-size: 15px;
background-color: blue;
}
Widgets Title font can be changed from Theme Panel > Custom Typography: http://screencast.com/t/HMMjUebIwcU
Also excerpt’s font for blocks: http://screencast.com/t/APrux2v7IK
Result: http://screencast.com/t/DkLGGjP4S7
But this will be apply also on blocks from the Sidebar. There is no option only for Sidebar’s widgets, sorry for inconvenience!
I think that you have installed the theme right, your Custom Typography looks well. The other screenshot that you posted is from Newsmag theme.
Let me know if you still have issues related to the theme!
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/vy8928vLfdvm
.ls-wp-fullwidth-helper{
z-index: 0;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/l5s1Ukp99hOa
@media (min-width: 768px) and (max-width: 1200px) {
.affix {
height: 100px;
}
}
Thanks!
Hi,
I can’t provide you a solution for woocommerce without your site URL(see if we can change something like you want).
Instead for login/out you have to edit menu-top.php and change this span like this: http://screencast.com/t/p8OMviAvQ1
And add this custom css in Theme Panel > Custom Css: http://screencast.com/t/ngCtXMccDpq
.td-header-menu-wrap .td-social-wrap {
float: right;
}
Result:
http://screencast.com/t/u89LqXzk9pJ
http://screencast.com/t/e78PBV4d
Thanks!
Hi,
You can use “Article inline ad” and set somethig like this in Theme Panel: http://screencast.com/t/Lq2gfePjCm
Result: http://screencast.com/t/btCSnsIKT
Or you can use a custom ad, please paste your code in Theme Panel > Ads > Custom Ad1: http://screencast.com/t/re6OL9DQN
Find out the shortcode of the ad box:
http://screencast.com/t/FOX4mOAwI738
http://screencast.com/t/mPB1czwcLa
[td_block_ad_box spot_id="custom_ad_1"]
This shortcode you have to use in post edit: http://screencast.com/t/GrCXcQC9i
And use this custom css:
.td-post-content .td-a-rec-id-custom_ad_1{
margin-right:0px !important;
}
Result: http://screencast.com/t/5Y5wiHgBhQW
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].