- 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,
You need to change the slider color to, but that colors are in RGBA format. Use this CSS: and replace 77, 178, 236 red color with yours. Also leave 0.7 that is the opacity parameter.
.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap {
background-color: rgba(77, 178, 236, 0.7);
}
Hope this help!
Hi,
Yes it’s possible with custom css, you could use the inspector to see the current css applied to those elements.
Thank you, Emil G.
Hi,
Do you want only on article pages? or on entire site?
This is for entire site:
Add this code: echo '<div class="container td-header-custom">' . do_shortcode('[td_ad_box spot_id="custom_ad_1"]') . '</div>'; like here: http://screencast.com/t/fBMwoay2
Add your add code in Custom ad 1 in Theme panel.
Then add this css in Theme Panel -> Custom CSS
.td-header-custom {
.td-g-rec {
margin-bottom: 0px;
margin-top: 30px;
}
}
Result: http://screencast.com/t/FkAewBNgWE
If not perfectly aligned on some pages you need to adjust it via CSS
Hi,
We will fix those settings in the version 5, until that you can use Custom CSS to style each element.
If you want to change the font family for category page title and search page use this CSS
.category .td-page-title span,
.search-results .td-page-title span {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
Thanks!
Hello,
I want to update my theme Newspaper from 4.5 to 4.6.1. How can i do that without changing in CSS? i just want to update files.
Thanks.
Hi,
Edit td_module_3.php file and add this code: http://pastebin.com/HNrVyFpy here: http://screencast.com/t/oBaQTgujBU6G
Add this CSS in Theme Panel -> Custom CSS
.td-category .entry-category span {
display: inline-block !important;
padding: 2px 8px 2px 8px;
margin-bottom: 4px;
font-family: "Roboto Condensed";
color: white;
background-color: #4db2ec;
font-size:12px !important;
line-height: 15px;
}
Hi,
Try with this CSS, add it in Theme panel -> Custom CSS
@media (max-width: 767px) {
.header-style-3 .td-logo img {
position: relative !important;
width: auto !important;
}
}
Hello Lucian,
We have changed the default blue color of the CSS file in order to solve the blue flash when using tagDiv Speed Booster. But we are using a slide element to open our home and it doesn’t work with that. Where we should replace the blue default color of the slide by our red colour?
Thank you in advance.
Juan.
Hi,
You have tried in Advanced CSS section from Custom CSS in Theme panel? http://screencast.com/t/wdK7HmH3Kb
Hi,
my site is http://theconstructor.org/ and when I activate speedbooster plugin, the homepage does not have any content. Just adsense ads are displayed and all other content does not load. I have only enabled page cache in W3TC plugin. This happens only when I activate speed booster plugin 3.1 . When I go back to v3, there is no such problem, but it does not help me in putting css at the bottom.
This is common problem with all WordPress themes. This is a variant of what is called a “flash of unstyled text” — or where the default CSS is loading first, and then the “over ride” in your custom CSS is then loading. This can also impact font loading in some cases, where the font changes after a moment from default to custom font. Same issue, just different flavor.
The *only* surefire way to avoid this 100% of the time is to put your custom CSS changes at bottom of your style.css file.
Issue is also more noticeable with child themes usage since that is effectively a CSS redirect, and slows down the site (which is why Google doesn’t like child themes, but WordPress folk do).
Inherent issue with how WordPress works, and with the fact you’re loading two sets of CSS for the same classes. With a super fast page/server, it’s not very noticeable. With slower servers (e.g., slower than .05 seconds) or with child themes, more moticeable.
Adding your custom changes to bottom – or revising the actual classes in – style.css is *only* way to fix this for all users, sadly.
Be sure to clear all your caching and reload page if it “suddenly” stopped working.
Also note the CSS provided looks like it applied to a post number specifically and not all pages/posts, .page-id-30 — so you obviously need to look at that for the actual page/post ID you just published. If your post you just published had ID of 76, then I don’t think the page id 30 would work.
Unless I’m mistaken on that 🙂
Yes; just add to the custom CSS box in the theme panel 🙂
Or possible like your new theme: http://demo.tagdiv.com/newsmag/td-post-the-20-free-things-to-do-in-sydney/
I like the single post width and sidebar of your new theme.. what will I put in my custom css to my single post newspaper theme to be like in the newsmag sample post?
Also the custom css header and menu width?.. Thank you.
Hi,
I added a form to subscribe to our newsletter but the radio checkbox wasn’t displayed nice.
I edited bootstrap.css
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle
to:
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline
This works! But can I add this to my custom css to avoid having to edit bootstrap.css every time I update the theme?
Thanks!
Jalo
So (continued)
WP 4.1; Theme 1.31 Unit/Linux/Apache/CentOS
Not using child theme.
No minification.
Only changed name of theme folder and name in CSS file to sitename.
Not using megamenus.
Not using revslider.
Not using jetpack.
Disqus turned off.
HEADER.PHP HACK: (same hack we did with Newspaper where snippets worked right)
One hack to header.php was removing call to pingback since we don’t want that
REMOVED:<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
Removed the “facebook sharing fix for videos” section, not needed for our use.
Yoast WordPress SEO = on
TagDiv speed booster = on
Post settings:
Default = style 2
Featured Images – use = on
Breadcrumbs = all on
Lightbox = off
more articles box = off
ajax count = off
Related article = show by category
Sharing – all off except show top article sharing
Still showing error of not seeing the rating in preview.
TEST:
on the off chance it’s one of my customizations in functions.php
(I turn off Yoast in toolbar, hide ?version numbers and change default compression; post message for those trying to hack login/ping)
I am removing all of those …… NO CHANGE
Argh. So far only thought at this point is checking the actual content that makes up the review text itself, but looking at the Techwalls site with same issue, I don’t see any oddball characters in the summary box that might cause such an issue.
(continued)
okay, now with Yoast WordPress SEO “on” as well as “Limit Longin Attempts” plugin turned on (security to block repeat hack attempts by password guessing with bots); we now see the “rdfa-node” populated.
The preview still does not show the rating.
Publisher markup now on via Yoast setting, but “not verified publisher markup” error – even though it is verified.
Bookmark section related to item 1 appears to be error; as that is different story than “this page.”
TEST:
am removing all my custom CSS ….. NO CHANGE
TEST:
turn off post setting ‘show related articles’ …… NO CHANGE
except “bookmark” in first box, now shows link to the first item from sidebar under module “what’s new”
TEST:
remove sidebar second Google adsense box …. NO CHANGE
TEST:
remove all sidebar AdSense Ads (2) ….. NO CHANGE
TEST
switch sidebar ads back on; turn off header AdSense ad …. NO CHANGE
TEST
theme based social sharing at top/bottom of post = OFF ….. NO CHANGE
Hi Lucian
Sorry a bit late getting back to you – I did try at the time, it didn’t work, I went back to it today having updated to 4.6.1 but still no success.
What I am trying to do is have only a san serif Helvetica / Arial (I have more fonts than this named in my css) .
On Ipad portrait mode:
My logo (300×100) is running into my banner (729x 90)
Could you please advise? I tried various css and can’t fix:
.header-logo-wrap img {
margin-right: 10px;
}
does not work. Do i make my logo smaller? I tried making the banner smaller and that does not work either.
Please help
Thank you.
From the update released today, the changelog shows 1.3 to 1.3.1 is the result of:
[ V 1.3.1 ]
– updated visual composer to V 4.3.5 (this version of the plugin is compatible with WordPress 4.1)
I actually already own the plugin separate from the theme. I’ve already updated the plugin to its newest version as well. I did this early this morning in fact.
I just want to clarify that there was nothing else updated outside of the plugin as I’m currently deep in customizing the theme for my live website, which will replace the current version of the theme already in use on my site hopefully by Monday. If in fact there were no additional updates/changes, I plan to just change the name of the style.css file from 1.3 to 1.3.1 since it wouldn’t make sense to re-upload the files only to write over my edits (yes, I’m using a Child theme).
Thoughts?
If you set sidebar position on the left, sidebar content will appear above normal content on mobile screens. Are there any plans to fix this issue? I find this to be a really big problem as it makes the left sidebar feature pretty much useless. I know you can hide the sidebar with css on mobile screens but then you can’t display sidebar ads.
Is there a way to fix this by placing code somewhere maybe?
I edited the custom css in theme panel. But when I try to save, it just keeps saving?
Any idea?
Hi,
That usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page. This problems were reported when using the latest plugin version which is 3.0 and which was provided with the latest theme version (4.6).
I suggest you deactivate all plugins to make sure this doesn’t happen due to others plugins you use and also turn off the html/js/css minifier and if this issue persists send us an email at contact@tagdiv.com with a request for it and we will send it to you.
Thanks
Hi,
Please try this custom css:
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-left : 0px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 23px !important;
}
.sf-menu > li > a {
font-size: 13px !important;
}
}
Hope this helps!
Thanks
Hi,
That is one problem that may occur when the images vary in size so you need to adjust the css fro those cases also. Unfortunately for that you would need custom css and we suggest to get some to help you with that if you don’t know how to do it as we cannot offer custom work at this time because we work hard on development/updates and support.
Thanks
