- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hey,
Try adding this to Theme Panel > Custom CSS:
.td-sp.td-sp-googleplus, .td-sp.td-sp-pinterest{
display:none;
}
Hi all!
I saw tutorial how to upgrade theme…
but… what is best strategy to upgrade from 4.5d to 4.6.2?
Replace entire directory? How can I save some css modifications to custom.css?
bye bye!
Also, I’m pretty sure the social bar at the bottom uses the class .td-icon-font
Try the following CSS, should make the icons show up
.td-icon-font{
color:#222222!important;
}
And to make the hover look nice
.td-icon-font:hover{
color:#ffffff!important;
}
To leave the mail icon as it is since it has no background
.td-icon-mail-1:hover{
color:#222222!important;
}
-
This reply was modified 11 years by
Sean. Reason: For hover appearance
Hey there,
I’m working on a few CSS fixes for image thumbnails that are too small due to dimensions or otherwise. This particular one is for the Big Grid on Category pages. The CSS is –
a.td-image-gradient.td-big-grid-overlay, .td-big-grid-post .td-module-thumb img.entry-thumb, .td-module-thumb{
height:100%!important;
}
a.td-admin-edit.td-image-gradient.td-big-grid-overlay{
height:auto!important;
}
Example at http://www.xposy.com/literature/
This is working to a point. It seems to drop off at the smallest screen dimensions. Probably down to the wrapper?
Anyone have an idea of what to add?
Thanks!
http://screencast.com/t/A1oPy3pPYVK
How can I change tag font size/colors? Is that in the theme panel, or do I need to add custom CSS?
Hi!
I tried to add custom css to theme panel. I added css that was supposed to make the sidebar disappear and the images grow bigger. I moved my website to a new VPS Cloud server and it suddenly stopped working. It used to work on my shared server, but now nothing happens when i open the site on mobile. Any suggestions why nothing happens and how to fix this ??
Thanks for all the answers!
I added this:
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
Hey,
For removing the filters try this Custom CSS in your Theme Panel
.td-module-thumb a:last-child:before{
background:transparent!important;
}
Changing the text color:
.td_module_wrap .meta-info .td-editor-date, .td_module_wrap .meta-info .td-module-title a, .td_module_wrap .meta-info .td-editor-date a{
color:#000000!important;
}
Adjust #000000 to your preference.
-
This reply was modified 11 years by
Sean. Reason: Noticed original changed comment text. New one should work
Hi
regarding my old topic https://forum.tagdiv.com/topic/3-question/
i have try CUSTOM CSS you give me . and its all work on the dev site ..
after install the theme on the live site .. nothing work .
all CUSTOM CSS Did not affect on the theme in the live site
this code not working ( its to make the taps from right to left )
ex http://screencast.com/t/eQF2K0ebAj
.td-related-title .td-related-right{
display:none;
}
also this one not working too
its to make space between blocks
ex http://screencast.com/t/B27txFYaDy
.home .td-pb-span4 .td_module_mx1 .td-block14-border {
background-color: white;
display: block !important;
height: 220px;
right: -3px;
position: absolute;
width: 3px;
z-index: 1;
}
please help. i need this code work fine .. help
they are working fine on the dev . but in the live they are not working..
Hello,
For some reason it seems the title of the post-0 of my big-slide doesn’t display well on mobile (iphone5) at least. Please have a look at: http://www.franchementbien.fr
I’ve tried some custom css but wasn’t able to solve it.
Could you please help?
Thanks a lot in advance!
Best,
Sam
Here’s mine, although this has some stuff for mod_pagespeed at top, and I also unset tag, and am trying to block pingbacks. 🙂
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# 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
AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
-
This reply was modified 11 years by
simchris.
Site: http://www.techanalyzer.net/
I changed the background in the footer from gray to white. This caused the white words to blend in with the now white background.
I was able to use CSS to change the text under the logo to black (wasn’t my prefered method), but I wasn’t able to find a work around for the columns to the right.
Also, unless I’m hovering over the social media icons, they cannot be seen. I went through the options in the theme panel, though it’s quite possible I simply missed them. Is there a work around for this or an option that I missed?
Great theme by the way.
The “theme” is not a skin, it’s not a clickable graphic of your pages. A theme is collection of CSS and JS elements, including style classes and dynamic elements, as well as ajax calls to the dbase, and queries to pull posts into modules.
If you mean a background graphic, that is usually set as a background image to the page, and is generally not clickable in CSS unless it’s an ad layer.
You could likely edit some of the elements in the style.css file to make certain things like borders and such clickable, but why would you want to do that?
You can use background ads that run on the sides of the layout — see the docs on how to setup background/side advertisements: under,
Background click ad – this allows you to open a url when you click the background
https://forum.tagdiv.com/ads/
-
This reply was modified 11 years by
simchris.
Sorted the top bar log-in section with a quick change to top-menu.php:
<li class=”menu-item”>’ .
get_avatar($current_user->ID, 20) . ‘<Your Anchor>’ . $current_user->display_name . ‘<End Anchor><i class=”td-icon-logout”></i>’ .
And the following CSS:
.td_user_logd_in{
cursor:pointer!important;
}
Looks like I’m all sorted!
I didn’t think “note” was a class used, and you’re defining it but then not using it in your example ?
In any case here is what I’m using for a paragraph tag in Newsmag:
blockquote p { font-size:20px !important; line-height:26px !important; text-align: left !important; padding-left:20px;}
Bootstrap CSS not used in theme, unfortunately (wish it was!), for buttons, etc.
You could save out the custom CSS and JS from Bootstrap using the customizer and then fold those into the theme by adding calls to the JS and putting the CSS at bottom of your style.css.
I added some CSS code to custom css.
It is showing original theme’s blockquote style.
blockquote.Note{
padding: 5px 20px;
margin: 0 0 10px;
border-left: 5px solid #D3EAFA;
}
blockquote.Note p {
font-size:95%;
color: #333333;
font-weight: 300;
line-height: 1.6;
}
sample :
<p><i class=”icon-bookmark-empty”></i> Note</p>
<p>Contents</p>
and how can I use bootstrap css?
Hi,
Please make sure you have the latest version of the tagDiv Speed Booster plugin. And check if works without Speed Booster.
Another solution if the plugin doesn’t cause this issue, is to replace all color from style.css using a text editor with find and replace search after #4db2ec – this is the default theme color and replace it with your color.
Thanks!
Hi,
I have tested this using the latest theme version and haven’t had any issue with pagination, menu.. all of these use javascript and you have this error in console: http://screencast.com/t/WF4Ps3pJVD this comes from W3 Total Cache so please disable it, also if you use js,css minification please try without this and clear cache.
If you still have this issue please send an email at contact@tagdiv.com paste a link to this conversation and provide wp-acces so we can take a look.
Thanks!
@linearwhiz I’m sorry that i’ve lost your message and I’m replying so late but here is our .htaccess
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 904800 seconds"
ExpiresByType image/jpeg "access plus 904800 seconds"
ExpiresByType image/png "access plus 904800 seconds"
ExpiresByType image/gif "access plus 904800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 904800 seconds"
ExpiresByType text/css "access plus 904800 seconds"
ExpiresByType text/javascript "access plus 904800 seconds"
ExpiresByType application/javascript "access plus 904800 seconds"
ExpiresByType application/x-javascript "access plus 904800 seconds"
#ExpiresByType text/html "access plus 600 seconds"
#ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>
# END Cache-Control Headers
Hi,
I have checked this with latest theme version and it is work like I said it increment on custom fields only if post views is enabled. But if you don’t want to show it on post page it can be commented in post templates: http://screencast.com/t/tee9JtPk7eQM or hide it with css code in Theme Panel > Custom Css: http://screencast.com/t/5eLeRTzhV
.entry-comments-views{
display: none !important;
}
Hope this helps!
Thanks,
the css code helped.
Hi,
If you want to decrease that padding please use css in Theme Panel > Custom Css: http://screencast.com/t/XS1eQY6VcCyZ
@media (min-width: 1200px) {
.td-grid-wrap {
padding: 49px 13px 0px 13px;
}
Glad that you figured out!
Hi,
Please add this css in Theme Panel > Custom Css: http://screencast.com/t/dAOiAMukv
.home .td-load-more-wrap a{
border-radius: 20px;
}
Thanks!
Hi,
This is header ad border that’s why did not change the color. Please use this css for it: http://screencast.com/t/C7sBiB5PFt
.td-header-style-7 .td-ad-m{
border-bottom: 1px solid black;
}
Thanks!
Hi,
1. I’ve fixed the buttons issue on cart page, this is the fix, if you want to use it until the next update
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .coupon {
float: left !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .button {
width: auto !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .actions {
text-align: right !important;
}
}
2.
a) do you want to remove those lines: http://screencast.com/t/C02fdMGIMG0 if yes use this CSS:
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
border: 0 !important;
}
b) For that icon, you can replace it with this CSS, from font-awesome or other font you want, just replace the content with the icon you want. For test i just copied an icon from this chart: http://fontawesome.io/cheatsheet/
Result: http://screencast.com/t/C02fdMGIMG0
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
content: "";
font-family: fontawesome;
}
About the Proceed to Checkout button do you want to make it more larger, e.g. 16px?! Where? Sorry but i don’t understand here what do you want exactly.
Thanks for the message!
Have a nice day
Hi,
Please try this css in Theme Panel > Custom Css: http://screencast.com/t/5ipRVLs16BX
#tribe-events-pg-template {
background-color: white;
}
#tribe-events-pg-template a {
color: black;
}
Result: http://screencast.com/t/0ZHXbTj7Fpnl
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].