- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi Lucian, thank you so much for your reply, for some reason this peice of css is not working on http://GreekReporter.com. I saw it is working on your example, but not sure why it is nit working on our end. Any thoughts? Thank you again!
Hi,
Try to add it like this:
.td-full-layout .td-big-slide-background .td-grid-wrap .iosSlider, .td-boxed-layout .td-big-slide-background .container .td-grid-wrap .iosSlider {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}Works fine for me: http://screencast.com/t/IqGhyLOc8n
Thanks
Hello,
I have a quicj question… I am using the below to style the big slider and add shadow but for some reason there is a margin in the bottom for the shadow. Here is what I added to the custom css
.td-big-slide-background .td_block_big_grid {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}
Am I doing something wrong? Here is the screenshot http://greekreporter.com/files/2014/08/Screen-Shot-2014-08-20-at-4.06.19-AM.png
Thank you for your help.
Anastasios
Hi,
Regarding your first issue you can target the username using this .td_user_logd_in class and enlarge the container via css.
You could also try this solution: https://forum.tagdiv.com/topic/top-header-login-widget-problem/#post-15488
Regarding the VC buttons we have this issue on out todo list and still working on it and we will try to fix this in the next theme updates, until then you could try to use the these buttons http://screencast.com/t/wYiWVWSU3 or find a plugin that dose what you need.
Thanks for the message
Hi,
Yes, it’s styled different, use custom typography in theme panel to change it as you like http://screencast.com/t/fesATvLGeb or you can do it via css, using this custom css in theme panel > custom css:
.single .td_text_with_title span {
font-family: "Gentium Book Basic";
font-size: 25px;
line-height: 30px;
text-transform: uppercase;
color: #dd3333;
}Result: http://screencast.com/t/CPSeuC6WvS5q
Thanks
Hi,
Yes, you can use the “Homepage – bg – no article list” page template for your Homepage http://screencast.com/t/VTFrs9KuFE And then you can hide the big slider using this css:
.page .td-big-slide-background .td_block_big_grid {
display: none;
}Result: http://screencast.com/t/Zwocn3wz26aU
Thanks
Hmm… that one is close, but makes the active text itself white, and using background-color instead of color gets us back where we started.
After trying to fiddle with this for a long time, and finding that there are so many classes involved that my just-learning knowledge of CSS is not enough, I made this quick screen capture to demonstrate what I mean.
This is using Lucian’s first CSS, which is actually the closest to what I want to see. That’s what I’ll leave on there for now.
Four things shown in the video:
(1) On Home page everything is fine. I wouldn’t want to lose any of that
(2) On test cat archive the two dropdown items are highlighted
(3) BUT on a post in test cat, the two dropdown items are not highlighted. This is exactly what (2) should look like
(4) Just showing a post in a subcat of test cat, which is also working correctly
So I feel like the styling is there already, but it’s a problem of making the parent cat archive not treat the subcats as active. Or if there is an extremely specific CSS class for subcat dropdown menu items whose parent is active, and which doesn’t break (4)…
Sorry to bother you so much! All your posts are really appreciated, but none of them have gotten those results so far 🙁 I might just live with this if I have to…
hi Lucian,
thanks for the reply!
I reloaded on the ftp the file of the theme. now the css works!
Can I ask how to bring in the big slider the three smaller pictures at the side of the big one? as in your theme Newspaper?
here image: http://www.saluteorale.it/problem/css-ok.jpg
Thanks a lot!
Caro
@JBH
Hi, looks like setting proper folder permissions on your site really helped to start 🙂
But, looking at your example post page you have a LOT of work to do.
most of your errors have nothing to do with the theme; so you’re going to want to address all that stuff first. Possibly find better solutions for what you’re doing with some of those external systems. Basically you’re loading too many things from external sites, which will lower your scores; more than 5 external things is bad for speed.
For example – this is crazy:
This page has 29 external Javascript scripts. Try combining them into one. This page has 13 external stylesheets. Try combining them into one. This page has 7 external background images. Try combining them with CSS sprites.
Note you can’t do much about the stuff you’re loading from other sites/servers, but you should
1) remove “versioning” — implement the .htaccess (if running Apache) and functions.php suggestions which I’ve posted, especially for the remove of the version tags. If running child theme you may need to put in child version; not sure on that.
2) optimize javascript delivery; use the td speed booster plugin to help with theme resources; but it won’t help with external stuff you’re loading
3) you cant do anything about the image dimensions of the things being loaded off external websites
4) prefer async – you’d have to hack whatever plugin you’re using for Facebook to load that as async
5) optimize images – be sure what you upload is already as small as possible; also use something like smushit or similar; possibly use my functions.php code for setting smaller default compression size for WordPress built in function (e.g., change from default 90 to 6); then do regenerate thumbnails — boom everything 20% smaller!
7) consistent URL errors coming from your “leadpages” stuff
8) vary encoding errors – coming mostly from leadpages
9) redirect issues – whatever you’re doing with Facebook and Google generating errors
10) bad request with favicon
(etc.)
I’m not forcing any one to install no plugins,i’m just sharing what works for me with out any issues..it’s up to the user to install it at they own risk..bless
Good job you are doing there but seriously, i wouldn’t recommend to install these untested, unknown plugins.
I once did it and after some months i had to note that many visitors had problems with the rendering etc, even though i couldn’t simulate that problem.
Even caching plugins can make a lot of problems, there can’t be any ‘perfect settings’ because it depends on many factors, may it even be your web hoster.
Be careful guys with these system-interfering plugins 😉
Hi,
This is the css that makes the background of the curent menu sub-items white, I have tested thi on your site: http://screencast.com/t/xN4PHl3XmZ5
You have to remove this custom css from tehem panel:
body.blog-stack .sf-menu .current-menu-item a {
background-color: #ffffff !important;
}Then add this one:
body.blog-stack .sf-menu .current-menu-item a, .blog-stack .sf-menu ul li:hover > a {
color: #ffffff !important;
}
body.blog-stack .sf-menu .current-menu-item .sf-with-ul {
color: #1b6cd6 !important;
}
body.blog-stack .sf-menu .current-menu-parent .current-menu-item a {
background-color: #1b6cd6!important;
}Like I said, I have tested this on your site and works, just make sure you remove that css I have pointed you and add the other to custom css.
Thanks
Hi,
Please try this css:
.home .td-big-slide-background .td_block_big_grid {
display: none;
}Should work fine now: http://screencast.com/t/xe0i4n77z6Mm
Thanks
Hi,
Sorry about this, I have tested this and should work fine http://screencast.com/t/CCj5X76ClsIX
Please send me a link to your site so I can check on your side also, I will then send you the correct css.
Try this css also, I made more exact targeting of comments:
.single .comment-list .comment .comment-content a {
color: red !important;
}
Also tested and works: http://screencast.com/t/fNASeD5jnE
Thanks
Hi,
I have tested this and seems to work fine http://screencast.com/t/fc6fDUxWrF
Make sure you add the link to the video into the featured video field the thumbnails created automatically should fill the big slider containers like here: http://screencast.com/t/fc6fDUxWrF and you don’t need to add additional feature image.
Also try this if you still have this issue: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
You can hide the button using custom css, add this into the custom css field in theme panel, like this: http://screencast.com/t/Xch5O2Ip
.home .td_mod8 .td_read_more {
display: none;
}
Should work like this: http://screencast.com/t/VCE1o1eAhb
Thanks
Hi,
Please use this custom css, should work now: http://screencast.com/t/qC19bK91et9f
.td-g-rec-id-content_top {
float: left;
}Thanks
Hi,
I have checked your site and look good now and it should work fine, maybe it happened again due to some plugin that was preventing the css to load or load slower or due to cache.
Thanks for the message
Thanks for this CSS.
It would be great to have white background on:
(1) The page or category you’re on (Home, News, etc.)
(2) The category of the post or the you’re on (e.g. News for a news article)
(3) Parent category (e.g. Opinion when on Letter to the Editor: http://building.mediumutm.ca/opinion/letter-to-the-editor/ )
I can give up (3). (The original CSS from Lucian included it and the latest one doesn’t, but it doesn’t matter much to me either way.)
The only problem is that both groups of CSS also have this highlighting:
(4) The child categories of the parent category you’re on (e.g. all the dropdown items when on Opinion: http://building.mediumutm.ca/opinion/)
When this happens, hovering over the items in the dropdown has no visual response because they’re all selected, even though you’re only on the parent.
Is it possible to have the parent without the children?
(P.S. Will leave your CSS in for now so you can check)
The category titles on the VC Blocks (Block 1, Block 2, etc) and widget titles are always uppercase. Changing this to “None” or “Capitalise” in the theme panel has no effect. Changing it to “Lowercase” works. When I inspect the HTML source in the browser I see that the string is presented as uppercase – so I suspect that it is converted with PHP strtoupper() before it gets to the browser. Of course, CSS text-transform: capitalize; does not work on all-caps strings.
Where and how do I fix this?
Denis
Best fix is to manually edit the style.css file and search/replace the default font stacks with the font stacks you want (we did this to use the Gill Sans font stack). You have to do this with each theme update, but it ensures only the desired fonts EVER load.
Hi,
You can add them like this: http://screencast.com/t/Ixrr28AE
This is the code added there:
echo $this->current_post->get_author();
echo $this->current_post->get_date();Then use this custom css to style them:
.iosSlider .td-block-author {
position: relative;
top: -20px;
color: white;
font-size: 20px;
font-weight: bold;
}
.iosSlider time {
position: relative;
top: -20px;
color: white;
font-size: 20px;
font-weight: bold;
}
.iosSlider .td-block-author a {
color: white;
}Hope this helps.
Thanks
Hi,
Use this custom css in theme panel custom css field to hide it:
#td_uid_1_53f1f76d2307f {
display: none;
}Thanks
