- NewspapertagDiv Composer – Website Manager
- NewspapertagDiv Opt-In Builder – Emails
- NewspaperModules Builder in Newspaper Theme
- NewspaperWooCommerce: Happy “Add to Favorites!”
- TutorialsFrom WPBakery to tagDiv Composer
- NewspaperCloudflare (CDN)
hi,
1 – disable all plugins, expressly the facebook one: http://screencast.com/t/ps4ReczDo
2 – take the code from an older version of the theme and replace in your version,
or wait for the nesxt theme update, we added again.
3 – there is a thread on the forum about this: https://forum.tagdiv.com/pagespeed/
Thanks for you message.
Radu A.
hi,
the “Regenerate Thumbnails” plugin will take every post image and slice it into smaller ones.
but if the post image is not wide enough to fit the slider , the “Regenerate Thumbnails” plugin will not make it bigger.
however you can use this css to streach the big image from the big slider
(http://screencast.com/t/YQ9CjlXiH):
.iosSlider .td-slide-item-main .entry-thumb {
width: 745px;
}
here: http://screencast.com/t/NRdCPESL
you can change the 745px to what number you want.
Thanks for you message.
Radu A.
It OK !
Many thanks Marius
-VK
Hi,
Try with this CSS
.iosSlider .td-slide-item-main .entry-thumb {
width: 745px;
}
add it in Theme panel -> Custom CSS
Thanks!
Hi guys !
Newspaper is a beautiful theme but if one has many images need many MB for that
I have disable some cropping by commenting each line // for the image size that are not used .
A good idea is we can make extra sizes only for featured images ( I have a fashion Site with many images and galleries )
I use the Big slider but many times the images is smaller from Big image 745×483 px
how I can set the .iosSlider image height and width on css for stretch image to full size
Best Regards
-VK
If i only enable Page Cache my htcaccess contain this:
# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTPS} =on
RewriteRule .* - [E=W3TC_SSL:_ssl]
RewriteCond %{SERVER_PORT} =443
RewriteRule .* - [E=W3TC_SSL:_ssl]
RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} =""
RewriteCond %{REQUEST_URI} \/$
RewriteCond %{HTTP_COOKIE} !(comment_author|wp-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}.html" -f
RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}.html" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
I only need put your code?
AddType text/javascript .js
<IfModule mod_rewrite.c>
ExpiresActive On
# Favicon (cannot be renamed)
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# CSS and JavaScript
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
# Webfonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
</IfModule>
Hi,
Delete this: http://screencast.com/t/ijfBSudF
Add this CSS in Theme panel -> Custom CSS section
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 289px !important;
}
.td-slide-item-main {
height: 289px;
}
/* responsive monitor */
@media (min-width: 1200px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 321px !important;
}
.td-slide-item-main {
height: 321px;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 212px !important;
}
.td-slide-item-main {
height: 212px;
}
.td_block_slide_big .iosSlider-col-3 {
height: 212px;
}
}
/* responsive portrait tablet */
@media (min-width: 521px) and (max-width: 767px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 212px !important;
}
.td-slide-item-main {
height: 212px;
}
}
/* responsive phone */
@media (max-width: 520px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 125px !important;
}
.td-slide-item-main {
height: 125px;
}
}
Don’t forgot to rebuild the thumbnails following this steps https://forum.tagdiv.com/using-the-theme-with-existing-content/
Hope this help.
Thanks!
Hi Marius, that’s not what I wanted. Maybe I did not express myself properly. Sorry.
I mean the block-title IN the image (like: .iosSlider. Slide-meta) for the large image in the Big Slide.
The ‘Photon’ feature that Jetpack uses allows all featured images to fit in the correct dimensions on their own.
Example: http://thechive.files.wordpress.com/2014/02/this-mail-18.jpg?w=198&h=148&crop=1 – you are able to change the end numbers and they will adjust to that size
This will prevent everybody from having to manually adjust individual images for the featured image slider/post which I have noticed has been a hassle to many.
*I’m not using Jetpack because of speed issues and limiting of plugins*
Hi,
Add this CSS in Theme panel -> Custom CSS
.iosSlider .slide-meta {
display: none;
}
Thanks!
If you want to keep the whole image and not just have a really zoomed in image, then keep td_module_slide_big.php as is, and simply add the following code to your CSS. You can see how it turns out at my testing site: http://www.teabear.com/sandbox/
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
min-height: 190px !important;
}
}
Hi,
Edit td_module_slide_big.php file like here http://screencast.com/t/2PP0ElYr
art-slide-small
Add this in CSS panel:
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
height: 340px !important;
}
}
Thanks for the message!
Hello,
We will fix this in the next update, until that you can add this in CSS panel section
@media (min-width: 1200px) {
.iosSlider-col-2, .iosSlider-col-2 .item {
height: 321px !important;
}
}
.iosSlider-col-1, .iosSlider-col-1 .item {
height: 320px !important;
}
@media (min-width: 1200px) {
.iosSlider-col-1, .iosSlider-col-1 .item {
height: 318px !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.iosSlider-col-1, .iosSlider-col-1 .item {
height: 240px !important;
}
}
Thanks for the message!
Thanks alot Radu, I’ve already upgraded, works flawlessly so far.
Oh no don’t get me wrong… livingsmarttv, your recommended process is usually what I follow. The issue is, it’s improper to release the code to production (i.e. for “SALE”) on Themeforest when these sorts of bugs have not been ironed out.
This is why RADU should have a beta test group that includes users like ourselves who can test for this functionality.
Remember that anyone buying the theme from Themeforest right now is getting broken code and they have no fallback unless RADU sends them an older version of the code. Why bother with that hassle when a closed beta group can sniff out this stuff quickly and discreetly?
I noticed that the date box that is overlaid on the 2 column slider appears to be a pixel lower than the category box that it is right next to. This only happens to me on a Retina Macbook Pro.
I fixed the problem by editing the line-height attribute of CSS in media=”all” .iosSlider .slide-meta-author. I changed it from 28px to 29 px. I haven’t been able to confirm if this makes it too high on a standard display.
Also, does anyone know if it would be fairly simple to add the category and the date to the large image on the “Big Slide”?
Thanks!
Hey!
I chose to use Amazon’s CloudFront since I already have Amazon account and they bill my card on file (I think December was $0.98). CloudFront works well, aside from this pesky issue with Font Awesome 4, which I’m getting same issue from boostrapCDN (free) — sometimes the icons won’t load in IE10/11 or Firefox (both on Windows) for no good reason.
Anywayyyyyy….. in my case I’m using S3+CloudFront since my brother’s company (in the educational software business) uses it, a lot of folks have been testing running WP sites virtually entirely in their cloud (!), and I’ve got a nice app called Cloudberry S3 Explorer which works as both bulk FTP, header settings for expirations, ACL/Public settings, and CloudFront invalidations. So, it was just kind of the best choice. Right now only loading CSS, JS, fonts, static images (logos, little things like BBB bug, etc.). Not yet using for WP.
Upshot … I think folks would likely spend the 30-cents vs free to “test” both for speed.
In my case I did test couple of things against CloudFlare and where I’m at there was couple of msec saved, so seemed worth it to just use Amazon since I know they’re not going to disappear, or get bought by Google and squashed or anything else with other cloud stuff might throw out there. I’m also inherently suspicious of anything “free” as that is no business model, and I need reliable here today, here tomorrow setup for our main business site. So, $1 a month to count on it, vs “free” and might be gone without warning. Was easy choice for me.
Haven’t yet done anything with the WP stuff as waiting for Newspaper “3” if it will have classic WP ‘header.php’ file where I can just point a bunch of the CSS/JS stuff at the CDN without hacking something that will then need re-hacking in 2 weeks.
I also did some research on some articles around and since I don’t need SSL off the cloud (after all I have my own damn server!), this was food for thought:
http://robin.userapp.io/post/66094840975/finding-the-right-cdn-for-our-startup-maxcdn
Thanks for the help Marius, it works like a charm.
I also fixed another thing after i did what you said (for the people who want to do the same).
The height was now 483px because of 3 column slider layout instead of 2 column slider layout on category pages. If you just use css to fix this you cut the image.
Here is what i did:
I changed the image the slider will use in includes/app/modules/td_module_slide.php on line 43.
$buffy .= $this->get_image(‘art-slide-big’);
change to:
$buffy .= $this->get_image(‘art-slide-med’);
After this i changed all the heights for the css class .iosSlider-col-3, .iosSlider-col-3 .item.
You can copy the heights from the css class .iosSlider-col-2, .iosSlider-col-2 .item for the correct heights.
Thanks again for the help Marius.
Hello,
What you can do is to use Homepage – with article list, leave the page builder empty, and add the slider directly in file like here: http://screencast.com/t/GQwjEwdEnX
echo do_shortcode('[vc_row][vc_column width="1/1"][td_slide hide_title="hide_title" limit="5"][/vc_column][/vc_row]');
Add a slider in page builder, configure it, then switch to classic editor and take the shortcode and use it live above.
Than you have to add some css to fix the height of the slider like:
@media (min-width: 768px) and (max-width: 1018px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 310px !important;
}
Hope this help!
Thanks!
}
Hello,
Add this in style.css
.td_980_resp .td-full-logo .td-grid-wrap {
padding-top: 0px !important;
}
.td_980_resp .td-full-logo img {
padding-top: 0px !important;
}
and make the logo at 996px if you want to be full on width.
For slider add this in style.css
.td-page-wrap .iosSlider-col-2, .iosSlider-col-2 .item {
height: 321px !important;
}
Thanks for the message!
Hello, I’m from Brazil and I’m working with the theme Newspaper since last Monday. I have a problem when the user registry. I’m not getting any users registering at the “Top right (social)” “widget [tagDiv] Login Form”. I have an SSL certificate installed, and do not know if this is preventing the registration of new users. Please help me with my members registering SSL. Thank you very much.
were using w3 cache / div tag speed boost and MaxCDN – 685ms load time is the result
http://postimg.org/image/pl24nqilb/
fix image sizes etc with pixlr.com – save to 80% or lossless / lossy with kraken.io and stay away from facebook plugins that load faces.
Our next step https://www.cloudflare.com/railgun
and not to brag but 98/100 mobile and 98/100 desktop
http://developers.google.com/speed/pagespeed/insights/?url=twoversion.com
-
This reply was modified 12 years by
circuitsports.
Hello,
1.
.iosSlider .slide-meta-cat a {
color: #FF0000 !important;
}
2.
.td-sbig-title-wrap a {
color: #FF0000 !important;
}
3. You have this directly when you edit the block in Visual composer http://screencast.com/t/QlCHas6al
If it looks right in the source code for your page – only way to check – then it’s an issue on Google’s side.
Note again the theme will may insert a blank author code if you don’t expressly enter that for each user account. So, LOOK AT YOUR SOURCE CODE for published posts and see if the element is properly showing up at bottom of your pages.
If it’s empty and you’re using a plugin, you may need to comment out the element in the theme php file.
Upshot: if you have it in head one way, and theme is putting in footer as “blank” that might cause issue. If you have it one way in your head, and another way in the footer (e.g., xxxx/ in heade and xxxx/posts in footer that would cause problem).
“view source” on your post page to see what is actually being “printed” in the webpage to check for all instances of the google author tag(s) to sort out where the conflict is.
Hope that helped :-0
Hi guys,
I don’t want to hussle you but I still need to know if you’re planning short term to fix the filter problem (by tag and category) with the custom post types in Events Manager plugin in your blocks? If not I have to change theme but I really don’t want to, because everything else fits for me, theme is absolutely great and your support is amazing.
Please …
Clemens
