Search Results for 'css'

Results from the Forum
Steven
tagDiv Member

I did not say you where using it,i say you are a plugin that is Async JS and CSS files…

i’ve check ur source code and i see ur files is loaded in asynchronous.

  • This reply was modified 12 years by Steven.
Steven
tagDiv Member

It’s not the theme it’s the plugin u using to “Async JS and CSS” you have to exclude these files in the plugin for the menu to work…

jquery.min.js
external.min.js
site.min.js

eamonnca1
Participant
#0

Complains about style.css missing. The fix posted on the website does not work. I manually upload style.css to wp-content/themes as instructed and when I go to my WP Dashboard there is no sign of the Newspaper theme.

Draving
Participant
#0

Hello, good morning.

The problem I have is that the background image that I have configured is not seen in the Post, in the other sections works well. But in the Post NO …

I used the search and found these two topics:
https://forum.tagdiv.com/topic/background-images-not-showing/
https://forum.tagdiv.com/topic/2-questions-about-the-vc-and-background/

But none helped me solve my problem.

Fashion Use the CSS style.

Sorry my bad english…

I hope someone can help, thanks!

dhvanesh
Participant
#0

Hi,

I’ve been using your theme for my blog and it’s great.

There’s a tiny bit of a help that I want. I’m trying to remove the <time> tag that’s associated with every post-meta but it’s hard to find out where to do that. Can you point me in the right direction?

Basically, I just want to remove the <time> tag that goes like this:

<time itemprop=”dateCreated” class=”entry-date updated td-visibility-hidden” datetime=”2014-07-04T15:12:23+00:00″>Jul 4, 2014</time>

I can get it removed through “css” but I want to remove it at the html output level so that search engine spiders can’t fetch that data from my page. Any help would be really great!

Thanks in advance.

Lucian
tagDiv Staff

Hi,

Please try this custom CSS, add it in Theme Panel -> Custom CSS

.td_ul_login, .td_ul_logout {
display: none;
}   

@media (max-width: 767px) {
.td-header-menu-wrap, .td_ul_login,
.td_ul_logout {
display: inline !important;
text-align: right;
}

.td-header-menu-wrap .span9 {
display: none !important;
}

.td-header-menu-wrap .span3 {
background-color: #4b4b4b;
height: 26px;
}

.td_ul_login,
.td_ul_logout {
margin: 0 8px 0 0 !important;
}
}

Hope this works
Thanks

Lucian
tagDiv Staff

Hi

You can try to add a div element with your code inside and on that div add a class like td-myad and hide it on mobile via CSS like this:

@media (max-width: 767px) {
.td-myad {
display: none;
}
} 

Hope this helps!
Thanks

  • This reply was modified 12 years by Lucian.
Lucian
tagDiv Staff

Hi,

Please add this custom CSS in Theme Panel -> Custom CSS

body iframe[id^="dsq-"] {
display: block !important;
}

Thanks

Lucian
tagDiv Staff

Hi,

You have to move the code for social sharing buttons inside loop-single.php file like this: http://screencast.com/t/Wtzfm7yJ
Then move the tweet, like and g+ buttons code inside the same loop-single.php file like this: http://screencast.com/t/TIX5pK3e

And this CSS in Theme Panel -> Custom CSS:

.post .td-social-like-tweet {
margin-bottom: 15px !important;
}

.td-social-like-tweet ul {
margin-top: 0px;
}

.post header {
margin-bottom: 5px;
}

Hope this works
Thanks

  • This reply was modified 12 years by Lucian.
Lucian
tagDiv Staff

Hi,

Please add this CSS in Theme Panel -> Custom CSS

.post .meta-info {
display: none;
}

.post .td-post-text-content {
margin-top: -25px;
}

Thanks

eduardoarandah
Participant
#0

I see that the theme always loads these fonts, even when I don’t need them
google-font-opensans-css
google-font-pt-sans-css
google-font-oswald-css
google-roboto-cond-css
google-fonts-style-css

This doesn’t make sense, how to fix it?
(without changing the theme files, I’m using child theme)

Crabouille
tagDiv Member

Thx lucian,

I added that in the custom css but even after clearing the cache it’s still in uppercase 🙁

Lucian
tagDiv Staff

Hi,

It can be done via CSS and you add it in Theme Panel -> Custom CSS.

Here is an example:
First you have to change this classes like this: http://screencast.com/t/NKc2JXoDKB

Then add this custom CSS in Theme Panel -> Custom CSS:
Here I’ve used an icon found on internet but you can try to find a better one if you want or hire a freelancer to draw a custom one for you.

.td-sp-share-stumbleupon {
width: 31px;
height: 31px;
background-image: url('http://iconizer.net/files/InFocus_Social_Media_Icons/orig/stumbleupon.png') !important;
background-repeat: no-repeat;
top: -3px !important;
left: -2px;
}

.td-social-sharing-buttons {
margin-right: 10px !important;
}

.td-social-stumbleupon {
background-color: orange;
}

Hope this helps.

Thanks

Lucian
tagDiv Staff

Hi,

Try this CSS, add it in Theme panel -> Custom CSS

#inner-wrap {
background-color: #cccccc !important;
}

Thanks

Lucian
tagDiv Staff

Hi,

Add this custom CSS:

.post-source-via {
text-transform: none;
}

..in Theme Panel -> Cutom CSS

You will get this result: http://screencast.com/t/YvtwZVzWJvEd

Thanks

bobbyd67
tagDiv Member

Hi Lucian,

Thank you very much for all the css controls.

I meant to get on last night and say that is was now working.

Now previously on this site i did remove the code in functions.php that adds in the other elements of VC.

When I thought of this i went in and removed those lines of code again and presto it started working fine.

So I am not sure if my previous selections are stored in the database or not, but alas it is working.

Again thank you for your effort in supplying all the code above.

Darren

sbo
tagDiv Member

Thanks for this! So I need a white StumbleUpon logo and change the CSS for the button to orange. Where am I plugging this all in at?

Buggin
tagDiv Member

Thanks for your answer, I’ve already change the content background in the style.css file, but the thing I can’t achieve is to change the background outside of the content (in the screenshot you can see that this background is white, instead of clear grey). Do you know how to do that without changing the full width template ?

Thanks a lot !

Lucian
tagDiv Staff

Hi,

The background color of the menu can be changed from Theme Panel -> Theme Colors like this: http://screencast.com/t/7yGByZLEX

For the website content background you need to add this CSS in Theme Panel -> Cutom CSS:

div.td-page-wrap {
background-color: red !important;
}

Thanks

OuweAap
tagDiv Member

Nice! Looks great!

Now the only thing is that I want to completely get rid of the Read more block. And have the freed up space used (so no “visibility: hidden;”)

As you can see here (techplanet.nl) they are in the way 🙂

What CSS code do I use for that?
I tried this: .td_read_more { display: none; }
But did not work

Thank 🙂

  • This reply was modified 12 years by OuweAap.
Lucian
tagDiv Staff

Hi,

If you want a standard button you can get the code from here: http://www.stumbleupon.com/dt/badges/create

Or if you want a custom one the code should look like this:

<a class="td-social-sharing-buttons td-social-pinterest" href="http://www.stumbleupon.com/submit?url=' . urlencode(get_permalink()) . '&title= ' . $this->title . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false; "><div class="td-sp td-sp-share-pinterest"></div><div class="td-social-but-text">StumbleUpon</div></a>

add it in the td_module_blog.php file like here: http://screencast.com/t/eaRORJez then you need to Change the icon and color via CSS

Hope this help!
Thanks

Lucian
tagDiv Staff

Hi,

Sorry for the delay.
We will fix this in the next update, until that add this CSS in Theme Panel -> Custom CSS:

/* CSS Animations */
.wpb_animate_when_almost_visible {
  opacity: 0;
}

.wpb_start_animation.wpb_top-to-bottom {
  -webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  -moz-animation:    wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
  -o-animation:      wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
  animation:         wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_bottom-to-top {
  -webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  -moz-animation:    wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
  -o-animation:      wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
  animation:         wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_left-to-right {
  -webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  -moz-animation:    wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
  -o-animation:      wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
  animation:         wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_right-to-left {
  -webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  -moz-animation:    wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
  -o-animation:      wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
  animation:         wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_appear {
  -webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  -moz-animation:    wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
  -o-animation:      wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
  animation:         wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity: 1;
}

/* Top to bottom keyframes */
@-webkit-keyframes wpb_ttb {
  0%   { -webkit-transform:translate(0,-10%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ttb {
  0%   { -moz-transform:translate(0,-10%); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ttb {
  0%   { -o-transform:translate(0,-10%); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ttb {
  0%   { transform:translate(0,-10%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

/* Bottom to top keyframes */
@-webkit-keyframes wpb_btt {
  0%   { -webkit-transform:translate(0,10%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_btt {
  0%   { -moz-transform:translate(0,10%); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_btt {
  0%   { -o-transform:translate(0,10%); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_btt {
  0%   { transform:translate(0,10%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

/* Left to right keyframes */
@-webkit-keyframes wpb_ltr {
  0%   { -webkit-transform:translate(-10%,0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ltr {
  0%   { -moz-transform:translate(-10%,0); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ltr {
  0%   { -o-transform:translate(-10%,0); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ltr {
  0%   { transform:translate(-10%,0); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

/* Right to left keyframes */
@-webkit-keyframes wpb_rtl {
  0%   { -webkit-transform:translate(10%,0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_rtl {
  0%   { -moz-transform:translate(10%,0); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_rtl {
  0%   { -o-transform:translate(10%,0); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_rtl {
  0%   { transform:translate(10%,0); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

/* Appear from center keyframes */
@-webkit-keyframes wpb_appear {
  0%   { -webkit-transform:scale(0.5); opacity: 0.1;  }
  100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes wpb_appear {
  0%   { -moz-transform:scale(0.5); opacity: 0.1;  }
  100% { -moz-transform:scale(1);opacity: 1;  }
}
@-o-keyframes wpb_appear {
  0%   { -o-transform:scale(0.5); opacity: 0.1;  }
  100% { -o-transform:scale(1);  opacity: 1; }
}
@keyframes wpb_appear {
  0%   { transform:scale(0.5); opacity: 0.1;  }
  100% { transform:scale(1); opacity: 1;  }
}

Sorry about this
Thanks

Lucian
tagDiv Staff

Hi,


@bobbyd67
Thanks for your help.
@snowwatchGB I have tested the solution that @bobbyd67 mentioned and seems to work fine.

To do that add this code &showinfo=0&autohide=1 like here: http://screencast.com/t/zUXkxAqs

To remove the gap add this CSS

.post .wpb_video_wrapper iframe {
margin-top: -25px;
}

..in Theme Panel -> Cutom CSS

Thanks

friskyoo
Participant
#0

Hi,

We have moved an old newspaper theme based website to our server. It was on the 3.3 version and we have moved the website and updated to 3.9 version.

But, we have found some styling problems.

We have seen the custom.css from the previous designer and we have trying to modify everything there but there are some things that we don’t know how to do it.

Is there anyway we can contact privately with someone who can help us with this?

thanks

OuweAap
tagDiv Member

Lucian,

Actually, this is how I would like my Block 6 to display: http://goo.gl/95oxL7
(What you are seeing is Module S).

So how how do I make my Block 6 look like Module S?

Can you supply me with the custom CSS?

Thanks

Andre

  • This reply was modified 12 years by OuweAap.
Viewing 25 results - 32,276 through 32,300 (of 33,436 total)