Search Results for 'css'

Results from the Forum
Sean
tagDiv Member

Hey,
Try adding this to Theme Panel > Custom CSS:

.td-sp.td-sp-googleplus, .td-sp.td-sp-pinterest{
display:none;
}

4l4
Participant
#0

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!

Sean
tagDiv Member

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
Sean
Participant
#0

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!

Gary73
Participant
#0

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?

makedaman
Participant
#0

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;
}
}

Sean
tagDiv Member

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
Lewis
Participant
#0

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..

Shmouuu
Participant
#0

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

simchris
tagDiv Member

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.
TechTris
Participant
#0

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.

simchris
tagDiv Member

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.
Sean
tagDiv Member

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!

  • This reply was modified 11 years by Sean.
  • This reply was modified 11 years by Sean.
simchris
tagDiv Member

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.

iamwaterboy
Participant
#0

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?

Alin [tagDiv]
tagDiv Staff

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!

Alin [tagDiv]
tagDiv Staff

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!

Radu
tagDiv Staff

@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
Alin [tagDiv]
tagDiv Staff

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!

feriendorf
tagDiv Member

Thanks,
the css code helped.

Alin [tagDiv]
tagDiv Staff

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!

Alin [tagDiv]
tagDiv Staff

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!

Alin [tagDiv]
tagDiv Staff

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!

Marius
tagDiv Staff

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

Alin [tagDiv]
tagDiv Staff

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!

Viewing 25 results - 29,451 through 29,475 (of 33,436 total)