Hi there, so I have 2 problems.
1. My search from main navigation bar is super slow, but the rest responds well.
2. I placed the code to remove render blocking css/js, but the next steps I can’t make. Didn’t appear any text.
Like here: Image
URL of my site: http://www.safemuscles.com
Hi,
Try to use this custom css in Theme Panel > Custom Css – http://screencast.com/t/zaov6cUo3
.td-main-page-wrap {
background-color: #ebe5dc;
}
Thanks!
Thanks for the CSS.
It is not exactly what I need (because even if the caption is hidden, it take space so it is why it will be better to have it ON the image exactly like my example: http://www.lefigaro.fr/actualite-france/2015/08/22/01016-20150822ARTFIG00038-comment-trois-amis-d-enfance-sont-devenus-les-heros-du-thalys.php ).
If with a CSS code hack it is possible please fill free to give me the right code! 🙂
Of course, put this update in the correct thread.
Another idea:
On the posts at the end, there a block for the name of next/previous articles.
On some theme and plugin, those information a outside of the boxed.
Near left and right border of the browser, you have big arrows.
When you go on it, name and photo of next or previous article appears.
Very cool feature beacause you could see more due to the photo and in the same time save space under the article.
hi i have the font files in my directory i just want to now how can i link it if i use the custom css and the @ fontfamily in the custom css. were must i save the font files so that it gets picked up by the custom css in the theme panel.
Hi,
This is the default css for block 9 – http://screencast.com/t/Bz4eeEEC The padding and margin is added on module 8 so you can target block 9 to reduce the space(if this is what you want to do) – http://screencast.com/t/cEovuLLPlP07
.td_block_9 .td_module_8 {
padding-bottom: 10px;
margin-bottom: 10px;
}
Thanks!
Hi,
The mobile menu has a specific background(black). Unfortunately there is no option in panel to change it, but you can use this custom css in Theme Panel > Custom Css, just add your color(also for icons if you want): http://screencast.com/t/lMy1un0oBNu
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hi,
1. If “States” is a page you can use Visual Composer to add blocks on your page and filter articles by specific “States” subcategory like it is on the other page – http://screencast.com/t/V4Phfr3F
2. You can hide it via custom css in Theme Panel – http://screencast.com/t/kG3sr3Mn
.td-category-header .td-category-pulldown-filter {
display: none;
}
3. Like Christopher suggested you can use SEO by Yoast plugin to control titles, use seo codes – https://yoast.com/articles/wordpress-seo/#wpseo-plugin-titles
4. Unfortunately the megamenu was not designed for mobile menu, so it will not display the page content there.
Thanks!
Hi,
You can hide the author comments using custom css in Theme Panel > Custom Css – http://screencast.com/t/wJshI1Vmx
.td-author-comments-count {
display: none;
}
Thanks!
Hi,
You can use a header style that allows full logo – http://screencast.com/t/F9rwDDsb If you refer to the default header style you need custom work to achieve this, as the logo has a specific css and you will have to modify it for different screen devices. We would have gladly made it for you, but for the moment we cannot offer custom work, sorry! I suggest to hire a profesional developer to do this for you, if you don’t know how to do it.
Thanks!
Hi,
@Steven some of those plugins aren’t really required or there are better options.
I used to have EWWW Image Optimizer plugin but fills the database quickly, it’s also much easier to compress images using a tool such as paint .NET (http://www.getpaint.net/)
Also the webfont optimizer isn’t needed either because theme already does it, to make it quicker you should add the font CSS directly into your main stylesheet.. i think Chris wrote a tutorial somewhere in the forum on how to do it.
Also @jdmeier i can’t access your site
Hi,
So there is something very wrong with sizing/padding or combination of both when it comes to width/padding/margin of my post column size and sidebar.
Can be seen here: http://dominika.co/2015/07/all-white-fashion-look/
I guess I did some changes to CSS (dont remember where 🙁 ). Please help me fix it. I want my post column to be 730px wide with padding 10px (top/bottom/left/right) on the top of 730px width.
I would like my sidebar to be 300px wide + 10px padding on the top of that so my ads can fit nicely (sidebar and post column ads). Please help. I only realized this when I changed site background to grey, before it was white so I didnt see it being like this.
Many thanks, I appreciate your support!
Hi
Okay, I followed your instructions to move CSS and used following code:
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘google-fonts-style’);
and I did pagespeed test at:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.windowsmechanic.com%2F
Under the Desktop section, I find most of the CSS have moved to footer and “Eliminate render-blocking JavaScript and CSS in above-the-fold content” now kinda Okay. Good Job here and thank you for help.
But under Mobile section of page speed (please check my pagespeed link), I do find same CSS files are blocking. Especially google fonts. But we already have the following codes in the td-speed-booster.php
$this->move_style_to_footer_queue(‘google_font_open_sans’);
$this->move_style_to_footer_queue(‘google_font_roboto’);
$this->move_style_to_footer_queue(‘td-theme’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘google-fonts-style’);
Any Idea why the same CSS blocking message appears again under the mobile section of page speed ?
Do we have any other section in td-speed-booster.php where I need to add code to change my pagespeed score (Mobile) higher?
Regards
Siraj
Vreau prima data sa va felicit pentru aceasta tema de top! Foarte frumoasa si rapida, dar din pacate am 2 probleme.
1. Search-ul din main navigation bar merge foarte incet.
2. Am introdus codul pentru “Remove render blocking css/js” dar nu am reusit sa trec la pasul urmator, si anume nu mi-a aparatu acel text sa il pun intr-un fisier .txt.
If someone is reading this post and want to experiment with autor pic. You can also try following custom CSS code:
.author-box-wrap .avatar {
border-radius: 100%;
border: 5px solid #FFF;
-moz-box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
-webkit-box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
box-shadow: 0 1px 3px 0 rgba(5,5,5,0.25);
}
This will create a nice white border around your author.
NOTE: this will not change the pic styling in comments section, the above code is only for single post author pic.
Try and see.
If someone knows which section I need to add code to change the style of comments avatar, please do share
Regards
Siraj
Hey All —
I’m trying to add an off-white color to the body of my site, so it’s not showing as stark white. I’ve tried to research this and found that Newspaper doesn’t support alternate body colors?
I tried adding this code to the custom css:
.td-page-wrap {
background-color: #ebe5dc;
}
But it doesn’t work. The page is still white. What gives?
Another thing to hire somebody who knows tagdiv css codes. Other to discover how it works wll take time.
Now Top Bar is optional for me. If I can have “Full white menu with logo”, I accept either with Top Bar or without Top Bar.
However, in Style 7 & 8, the height of header is too high. I can’t find a way to adjust the height. (tried CSS !important and all that, it seems too complicated to get it right.)
Hi,
It seems very difficult to adjust header height (I tried with Style 7 and Style 8). I used FireBug to locate the class or id, and use !important in CSS. But it seems it can partially change header height, resulting in inconsistency between container and menu texts.
If you can provide CSS code for adjusting height for header Style 7 and Style 8. It would be great.
Thanks,
Dao
Fast Fact: Initial tests show Adpress works without a problem.
I have been using Adpress on our old site for years.
Adpress is not perfect, but it is a beast I know and it has yet to fail me so far. Plus the author is a cool cat.
We use Adpress simply. Only we the staff post ads, and all of our ads are images in our media library. We don’t do anything else but that.
We are upgrading our theme to NewsMag. We are doing testing on a dummy site with the demo and Adpress.
If my info is useful and you decide to buy Adpress, click on this affiliate link. Never used an affiliate link, so what the hell. Why not now.
http://codecanyon.net/item/adpress-wordpress-advertising-plugin/1510785?ref=GideonLupine
First I uploaded a 728×90 image to the Media Library.
Then I created a Adpress Campaign. Ad Type Image. Ads Number 20. Image Size 728×90. Clicks 10,000. Column Number 1. Price 0. Ad Rotation checked with Ads to Display 1.
This created a AdPress Campaign shortcode of
[adpress campaign=1]
Then I went to Ad Press Settings Image Ad. Deleted everything in both HTML Code and CSS Style. Then I entered in HTML code the following:
a href="@url" target="_blank" img src="@image_src" //a
I was wondering the best place to put “td-all-devices”, but I decided to make it flexible.
In NewsMag Theme panel Ads for Header Ad, I entered in the following:
<div class=”td-all-devices”>[adpress campaign=1]</div>`
I also just threw in the Adpress Campaign shortcode into a post.
Long story short. It worked both places and was responsive.
I will do some more testing and let you know how it goes.
The great thing about V6 you don’t need any CSS to take out white space it can all be done with the VC,each block you can fix all of that with out using any css…
take a look at my site and see what i mean https://jahliveradio.com
Could someone give me some custom CSS I can add to the Theme Panel that will make smaller margins between posts in Block 8 and Block 11?
Also, I’d like less white space between the title and excerpt in Block 2.
Thanks in advance!
Hi Alin,
I couldn’t make it work at first. I had put your code at the end of my Customm CSS. The white border in the link block was still there. Then I tried putting the same code at the beginning of my Custom CSS – and now it works.
Thanks a lot for your help!
Walther
Are you using Safari on Windows? That is deprecated and not supported for 2+ years when Apple abandoned it. It only works with Mac OS and iOS. In case that matters to you.
If you’re using Safari on Mac, try clearing your cache completely as moving from one theme to another it may cache the CSS from the other version.
You can also view source in Safari to see WHAT is printing on the page for the HTML, to see if the image is there, malformed, or if you have some caching plugin, or CDN, linking to image not actually there. e.g., is the image link actually there in Safari?
Are you saying it doesn’t appear on Safari desktop, or does not appear on Safari iOS, or both?
Looks like you’re using some oddball right-mouse-click disable function, which serves no purpose since anybody can capture the HTML, all images, etc., easily enough. But disabling things with some kind of java layer or similar might cause issues with Safari.
This doesn’t really help you
<!– WP Content Copy Protection script by Rynaldo Stoltz Starts – http://yooplugins .com/ –>
I just copied all your content. So, that doesn’t work.
You might try disabling the lazy load image function, also.
Just some ideas (I don’t work here) 🙂
Thank you for your prompt response.
I understand your suggestion, but I don’t see the Custom CSS section for articles. My content format uses Giphys in most of them.
Here’s an example: http://betterlifefocus.com/if-you-really-truly-want-to-succeed-buy-into-the-yoda-code/
You’ll see three Giphys in the article.
I’m still building this site and am working to get all the finer details inured before I start promoting it in earnest. Most of my visitors will hit it via mobile, so resolving this issue in a practical manner is a top priority for me.
I appreciate your continued assistance.
