- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
You could try to change the theme colors to the ones you like directly into the style.css file like this: https://forum.tagdiv.com/topic/about-default-theme-colors/#post-17657 this way just the one that you want will be loaded.
Also please try to re-install the speed booster plugin and check again.
Hope this helps!
Thanks
Hi,
You can hide them via css, if you want to hide the whole meta info you can use this custom css into the custom css field in theme panel:
.archive .meta-info, .home .item-details .meta-info {
display: none;
}
or you can target the category/author/date/views & comments count individual like this and hide them:
.archive .meta-info .td-category, .archive .meta-info .td-block-author, .archive .meta-info .entry-date, .archive .meta-info .entry-comments-views,
.home .item-details .meta-info .td-category, .home .item-details .meta-info .td-block-author, .home .item-details .meta-info .entry-date, .home .item-details .meta-info .entry-comments-views {
display: none;
}
Hope this helps!
Thanks
Hi,
You can use this custom css in theme panel > custom css:
.td-a-rec-id-content_top {
text-align: left;
}
Hope this helps!
Thanks
Hi,
The above selector is applied for the post title and for post title from blocks we have a much stronger selector that overwrite the above rule.
I’ve tested those templates 2 and 5 and my blocks from sidebar looks fine. I will fix the CSS to be more specific for the post title.
Thanks for the message!
Hi,
1. You can use the “Homepage – bg – no article list” page template for your Homepage http://screencast.com/t/VTFrs9KuFE
2. You can change the height by adding this custom css into the custom css field in theme panel: http://screencast.com/t/ZfVVn090
.td-big-slide-background, body.single_template_4 #td-full-screen-header-image, .backstretch {
height: 1000px !important;
}
Change the image height as you like.
Hope this helps!
Thanks
Hi Lucian,
I’ve tried to change the comment link color by adding this code you prefer:
.comment-content a {
text-decoration: underline !important;
color: #1f9ee7 !important;
}
But the link colors in comments stay light grey (#cbcbcc) and i love to make them blue (#1f9ee7)
What custom css does the job?
Thanks!
JBH
Thank you!
Hi, the theme layout would have to change for most of those social media options. You could certainly hack this theme, but in one example, you’d have to redesign the layout to have a wide layout for post top, for image and headline, then a skinny column on left for that, and then that would end up going above the story box for mobile devices.
For breaking news, you can obviously add a text box on your home page and use CSS to style a breaking news box – you have that ability right now. It would not be on ALL pages site wide, but you could easily add that to the single post template by calling a “breaking” file, and leave that empty if no breaking news, or populate when you have something earth shattering if your site actually breaks news in realtime. Simple to do. I think this might be on the list of 150+ “requests” for the theme, but not a hot topic for most, and so doubtful you’d see this anytime soon, unfortunately. But easy to add yourself within a few minutes of work.
For the social media stuff, you could create a php file with the social media elements you want, then add that in a float left div with right margin in the single post template at start of the post text, for example, or put a widget on top right of your post custom sidebar – you could hardcode by making a custom sidebar to load for the posts where the social media stuff is hard coded to query current post meta, and then still have the widget areas below that.
But don’t assume I’m being contrarian or negative in any way. Many “custom” things are pretty easy to do with existing plugins, or a couple of quick hacks to the single post template.
-
This reply was modified 11 years by
simchris.
All fonts loaded externally add load time; best bet is to use “web safe fonts” (I’m using the Gill Sans stack for our sites, for instance).
Another option to speed up loading is to download the CSS from the above link, and embed that at the end of your style.css, and erase that line from the functions.php (or comment it out). This way you’re loading the css locally and loading the fonts directly without that intermediate delay. I do this for our business site which doesn’t use WordPress. Really helped.
My site: http://www.styzic.com/
This one font increases load time by atleast 300ms: http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.2
Any way to get it on my host?
The ad banner still overlaps the logo in 980px mode without custom CSS and is now not responsive when the window size is reduced.
I’d love to have the ad banner kept away from the logo in 980px and responsive. Could this be fixed in a future update?
Most sites got rid of font zooms — basically style sheet switching via javascript — since it’s built into all the web browsers now and became a nightmare for responsive design — meaning, you have to make zooms for each break point. We did the same on our business site. You’ll notice MOST major newspaper and magazine sites no longer have this function on the page. 🙂
However, you can easily create an alternate style sheet and simply enlarge all the font sizes in the .css then put the javascript to switch between style sheets into a box, such as top of sidebar. Simple.
-
This reply was modified 11 years by
simchris.
Hi Marius,
That very well replicatable as there is a css property which creates line-height of 50px in sidebar which breaks it as showed in screen shot. Here is the default css property:
.single_template_2 .entry-title, .single_template_5 .entry-title {
font-size: 35px;
line-height: 50px;
margin-bottom: 14px;
margin-top: 0;
}
You don’t see on themukt because I edited the css to force 21px line height in side-bar. My changes.
.td_mod3 .entry-title a, .td_mod3 .entry-title {
font-size: 15px !important;
line-height: 21px !important;
position: relative;
}
I was hoping to be able to change the colour of the menu items like the home and search button with no such luck.
The text itself has been changed using custom css but the icons and the search button are now the only thing in between me and perfection of my main menu.
Any way to fix it?
Hi,
In some places in style.css we use rgba value, you need to replace that to.
like replacing rgba(77, 178, 236, 0.7) to desired color converted in RGBA
You can use this to to convert a color from hex color to rgba http://hex2rgba.devoth.com/
Hope this help!
Hello,
To change the font on pages you can use this CSS
.page p {
font-size: 18px;
}
We will add this in Custom Typography in the next theme version.
Hi,
Do you want to change the font typography for the blocks/modules? We have this in Theme panel -> Custom typography http://screencast.com/t/78UitBAMKb
From here you can change the Post fonts on all modules/blocks.
If you want to change it via CSS, here http://www.betasite05.co.uk/category/culture/
use this CSS
.td_mod_wrap.td_mod9 .entry-title a {
font-family: Merriweather !important;
}
Thanks!
Hi,
Yes, you can change it via CSS, add this in Theme panel -> Custom CSS
.td-sub-footer-menu li a {
font-size: 16px
}
Thanks again @TheMediumUTM
We will fix this in the next update, to be changed via Theme panel, until that you can use this CSS to change the font from pages
.page p {
font-size: 16px;
line-height: 26px
}
Thanks for the message!
Hello,
Do you want to have the white background on all active menu or elements from the menu?
Remove all CSS provided above and try this one:
body.blog-stack .sf-menu .current-menu-item a {
background-color: #ffffff !important;
}
Thanks!
Hello,
The grid doesn’t support border between columns, to do that you need a custom grid. Of course somehow can be added a border with content property element, via CSS but is not a good practice :).
We working on the new theme that have a custom grid and have borders between columns.
Hello,
There is a bug in that function from WP, is reported on their issue tracker, what you can do is to hide the numbers via CSS, use this CSS, add it in Theme panel -> Custom CSS
.post div.page-nav-post a:first-Child {
display:inline-block;
}
.post div.page-nav-post a:last-Child {
display:inline-block;
}
.post .page-nav-post a {
display:none;
}
.post .page-nav-post > span {
display:none;
}
Thanks for the message!
Hi,
I changed color codes that Lucian write but there was no change. I tried TheMediumUTM’s suggestion and found another rgba color codes rgba(77, 178, 236, 0.7). I changed theese with pink color code. I think this code is for responsive but color is showing on desktop too. So I changed them. You can try but don’t forget, backup your css file.
-
This reply was modified 11 years by
rea-secret.
Hello,
For this page http://www.vitamail.no/polarkrill/ i see that you hide the page title via css with display: none, is not necessary, use the Homepage - blank template for that page to be without title.
Also to add an image you can try with this Single image widget from Visual composer http://screencast.com/t/eq5xj9ta4d
On the post that gap is because you have there the post title(white) witch is broken due some custom CSS, please remove the custom CSS, default everything should work.
If you can’t manage all the stuff you can give us access to your WP and we will take a look.
Thanks for the message!
Hello,
Add this CSS in Theme panel -> Custom CSS
.td_revolution_slider {
z-index: 0;
}
Thanks for the message!