- 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
What I do is use the links found in my posts under the page speed topic, and just manually minify the main style.css file, and main .js file.
E.g., for CSS:
cssminifier.com
for JS:
http://gpbmike.github.io/refresh-sf/
basically paste the main style.css file into the minifier, then copy and paste the minified version back into the styles file and then upload/over-write main one on the server. Takes 2 minutes. Done.
If you read the other sticky on speed by “Steven”, he has been using a minify plugin that seems to work.
In my case mod_pagespeed minifies my HTML, so don’t have to deal with that. I then use cssminifier to optimize the main css file.
Since I have to do couple of hacks to my functions.php file, and switch on the author name on posts, home page modules, and swap out the field name for view counter to our existing field with EVERY update, it’s not much more work to do the CSS and JS minify on main couple of files each time as well. No plugins needed đ
And, another option – if you use GTMetrix to test your site … they can actually spit out “optimized” versions of stuff for you, which is cool.
Just as an anecdote on minification:
minifying the main style.css file will take the size from 286kb to 204kb, as savings of about 80kb, which is actually quite a bit.
Hi,
The banners are looking good, when one of the banners or both are from google ads, but when they are not from google, then is showing the problem with the them. They are not in line, one is upper than the other.
About the code I put him in custom css but I don’t see any change. Everything is the same.
Thanks in advance
It’s still on local host, i can show you this on the pic http://webfile.ru/ad8e121baa29785e2f0586eb0d2add37
Maybe i can make these pics look smaller with CSS or with any block or something?
Hi,
I have checked your site and the banners look fine to me now http://screencast.com/t/GiG3QDJ8
Follow the solution Radu provided and add this custom CSS in Theme Panel > Custom CSS:
#td_social_networks_buttons {
background-color: #f5f5f5;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
height: 35px;
}
#td_social_networks_buttons ul{
position:relative;
top: -21px;
float: right;
}
.td-text-share {
position: relative;
top: -5px;
right: 125px;
font-size: large;
font-weight: bold;
}
Thanks
Hi,
Use this css:
.single-format-gallery .td-slide-on-2-columns {
margin-top: -25px;
}
Should work, if not you can do this yourself, see here: http://screencast.com/t/jRmDHBUKUtRQ
Thanks
hi,
try this css code :
.td-a-rec-id-header {
left: 0px;
}
Thanks for you message.
Radu A.
Hi,
If you are referring to this gap http://screencast.com/t/zBy5iursCBT it can be done using this custom css:
.single .td-post-text-content {
margin-top: -40px !important;
}
Hope this helps!
Thanks
Hi,
In that case you have to remove the css which hides the header from custom css in theme panel and select header style 6 http://screencast.com/t/TgkIv0GMVk and then from header.php file comment or remove this line: http://screencast.com/t/wYFy305hp12
Thanks
It seems to be loading the LESS CSS by default.
I found now a part of the frontend with problems, loading the “LESS” CSS.
I rolled back to the theme previous version and the error was gone as well and now the backend is respecting my custom CSS again (editor-style.css).
Thanks,
Hi Lucian,
I guess I have the same problem here. Before I update yesterday I had loading a custom CSS for the backend (editor-style.css) and it was working fine.
After the update the custom CSS file stopped working.
I am using the same plugins and installation now and before. The only change was just the parent theme update itself.
Any idea?
Thanks,
Hi!
I would like to center my main menu but can’t find out how to do that :
I would also like to do not have any shadows under it. What code should I copy in my custom CSS ?
Thank you for your help đ
Sarah
Hi,
You have to add an container element like a div here: http://screencast.com/t/9eyGl3Hsr335
You can use the a function like get_the_date() to do it http://codex.wordpress.org/Function_Reference/get_the_date
After that you can position it via CSS.
Hope this helps!
Thanks
Salut,
Te rog adauga acest CSS in Theme Panel > Custom CSS:
.td-full-logo .td-grid-wrap, .container-fluid, img {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px !important;
}
Mersi!
Hi,
@Nitish Saxena
Can you please send me a link to your site so I can inspect your page?
@arnieswap
We will talk about this, thank for your suggestion, you can use css to change the font until then.
Thanks
Hi,
To change the big slider and normal slider color font use this css:
.iosSlider .td-sbig-title-wrap a, .iosSlider .td-sbig-title-wrap span {
color: red !important;
}
To change the mete info/category color use this css:
.iosSlider .slide-meta a, .iosSlider .slide-meta span {
color: red !important;
}
If you don’t want to change the date color also, remove the .iosSlider .slide-meta span
For the tag widget use this:
.widget_tag_cloud .block-title span {
color: red !important;
}
The size of the tag widget is determined by the amount of tag displayed there, so you can’t re-size it only if you reduce the size of the tag container. Use this css to do that:
.widget_tag_cloud .tagcloud a {
padding: 0px 5px 0px;
font-size: 11px !important;
}
Hope this helps!
Thanks
Hi,
You can hide them via CSS. Can you please send me an URL to your page so I can see which block you want to display without images?
Thanks
Hi,
You can use this css to move the text under the images:
.td-post-text-content h2, .td-post-text-content h3, .td-post-text-content p {
clear: both;
}
You can’t use the css style sheet from an older theme version but you can revert
to an older theme version, if you hadn’t made any backup to your theme before update you can send an e-mail at contact@tagdiv.com specify this issue and we will send you an older version of the theme as you can’t get from themeforest only the latest theme version.
Thanks
Hi,
You can use a block to display the posts without image from that category and then use css to remove the space of the image, like i did here:
before: http://screencast.com/t/R1bVDUV9tP
after: http://screencast.com/t/9xSOuQMd
Using this css:
.page .td_mod9 {
margin-bottom: 15px;
min-height: 100%;
}
.page .td_mod9 .item-details {
margin-left: 0px;
}
I used block 6. I have removed the space for the image. You can do the same for your page.
You can use the same css in your case or you can customize your own block.
Add the css in Theme Panel > Custom CSS.
Hope this helps!
Thanks
Hi,
Use this CSS to disable link:
.td_block7 .block-title {
pointer-events: none;
cursor: default;
}
Replace the .td_block7 with the class for the block you are using.
Hope this helps
Thanks
Hi Lucian, by “next version,” did you mean 4.1? If so, the header ad still overlaps the logo in 980px mode.
Is there a bit of custom CSS you could offer to move move the header ad to the right?
Thanks,
Jacob
Thanks @Chris
I just wanna minify the css, html and js and i don’t use total cache. Any other plugin?
đ
Hi,
Thanks for another great update. Would like to point some bugs
1. When Style 5 is chosen in DEFAULT SITE POST TEMPLATE, the title doesn’t respect the font size chosen in Post Title Settings and insted stuck at 50px
2. Even of the thumbnail of Style 5 shows that the title won’t go above the right side-bar, it goes full width. That needs to be fixed or there can be Style 6 where the title goes full width.
3. Timeline css breaking on mobile devices remains as reported earlier.
Thanks for great update.
Hi, is there any way limit the amount of menu items by css or php?
I got many items in the header menu, and when I resize the windows, they appear in a new line under the header menu!
Greetings!
Hi Lucian,
I am running the updated version. The cache is cleared and tested with all plugins disabled.
The CSS dictating the ‘Pages’ is:
.body .td-post-text-content, .page p, .bbpress p {
line-height: 21px;
}
And you can see it’s NOT taking the fonts chosen in ‘Post Content Font’ settings.
Whereas the CSS dictating ‘posts’ is:
body .td-post-text-content {
font-family: Chivo;
font-size: 16px;
}
I can add a CSS in Custom CSS option to change Page settings, but it should be managable from Theme Settinsg Option as pages are some of the most important page on site which carry about us and other info.
Here is an example of post page:
http://www.themukt.com/2014/07/24/google-switch-odf-gain-market-europe/
Here is an example of Pages, please notice the fonts and settings:
http://www.themukt.com/write-mukt/
It’s very important to have consistency across the site, given this is such a ‘perfect’ theme and I just love your work đ
Since there is already a ‘Page Title Font’ setting option, it would be helpful to also offer ‘Page Content Fonts’ option so that we can manage the page layout easily.
-
This reply was modified 12 years by
arnieswap.
Hi,
My website: http://tecnomipyme.com/
1. I’m trying to change the big slider color font but i can’t do it. I tried with the following code adding it to the custom css:
.td-sbig-title-wrap a {
color: #000000;
}
2. I want to change to color font to the small slider.
3. How can I change the category color font for both big and small sliders?
4. How can I change the tittle color font for the bottom tag widget (MĂS CONTENIDOS)?
5. How can I change the bottom tag widget size for aligning it with the other widgets?
Thanks a lot.