Search Results for 'css'

Filter documentation: All themesNewspaperNewsmagApiTutorials
Results from the Forum
Radu A
tagDiv Member
Twitter Issue + Slider Mobile - reply
#13415
May 26, 2014 at 8:42 am

hi,
like marius said the solution is to increase the big slider post number with multiplier by 4 like :
4 posts – 1 slide
8 posts – 2 slides
12 posts – 3 slides

to hide the arrows use this css:

.td_block_slide .iosSlider .prevButton, 
.td_block_slide .iosSlider .nextButton {
  display: none;
}

here : http://screencast.com/t/GUsVUiyLVi

Thanks for you message.
Radu A.

ceckenrod56
tagDiv Member
Ipad Main menu incompatibility - reply
#13396
May 25, 2014 at 9:06 am

I also seem to be having this problem on the iPad. The website is http://thespoilerbox.com. I did attempt the CSS codes but they did not fix the issue. Would this be due to how we have set the menus up? Is there a way to keep them this way and fix the iPad problem?

Screenshot of iPad screen:
http://imgur.com/nJV4B6k

Thanks!

icecodepro
tagDiv Member
CSS Animation not working - reply
#13344
May 23, 2014 at 4:09 pm

Adding this also fixes the issue on my site too.

kreditno
tagDiv Member
CSS Animation not working - reply
#13333
May 23, 2014 at 10:49 am

Thanks for the help! It’s working now! 🙂
Keep up the good work!

Marius
tagDiv Staff
Hidding sidebar on mobile - reply
#13330
May 23, 2014 at 9:56 am

Hi,
I think can be hidden via CSS, just give me your site URL to take a look.
Thanks for the message!

Radu A
tagDiv Member
Search & Comment Buttons Are Blurry. - reply
#13327
May 23, 2014 at 9:48 am

hi,
I have found this class on some elements on your site: arevicofancy-overlay. we don’t have something like this in our theme.

please disable all plugins and try again. for W3 Total Chase please be sure to delete it because we had issue where we disable it and it was still active.

if you don’t want to modify your live site, try installing the theme on your computer and do this test to find out witch plugin add the extra css code, then remove it from the live site.

Thanks for you message.
Radu A.

Marius
tagDiv Staff
CSS Animation not working - reply
#13326
May 23, 2014 at 9:45 am

Hi,
We will try to fix that.
There are some missing CSS.

If you want to fix it add this CSS in Theme panel -> Custom CSS

.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.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 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.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 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.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 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.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 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.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 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;
  }
}
.wpb_animate_when_almost_visible{opacity:0}
.wpb_start_animation.wpb_top-to-bottom{-webkit-animation:wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);-moz-animation:wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);-o-animation:wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);animation:wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);opacity:1}
.wpb_start_animation.wpb_bottom-to-top{-webkit-animation:wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);-moz-animation:wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);-o-animation:wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);animation:wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);opacity:1}
.wpb_start_animation.wpb_left-to-right{-webkit-animation:wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);-moz-animation:wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);-o-animation:wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);animation:wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);opacity:1}
.wpb_start_animation.wpb_right-to-left{-webkit-animation:wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);-moz-animation:wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);-o-animation:wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);animation:wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);opacity:1}
.wpb_start_animation.wpb_appear{-webkit-animation:wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);-moz-animation:wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);-o-animation:wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);animation:wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
@-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}}@-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}}@-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}}@-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}}@-webkit-keyframes wpb_appear{0%{-webkit-transform:scale(.5);opacity:.1} 100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes wpb_appear{0%{-moz-transform:scale(.5);opacity:.1} 100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes wpb_appear{0%{-o-transform:scale(.5);opacity:.1} 100%{-o-transform:scale(1);opacity:1}}@keyframes wpb_appear{0%{transform:scale(.5);opacity:.1} 100%{transform:scale(1);opacity:1}}

Thanks for the message!

Atelier Helsinki
tagDiv Member
Module 8 Title style - reply
#13320
May 23, 2014 at 9:23 am

Hi Marius,

I thought I had to add something to the module template like I did for td_module_blog for style one but if it’s just CSS…that’s fine. All solved thanks.

Cheers
Hash

Marius
tagDiv Staff
Bring Logo & Nav in one line - reply
#13318
May 23, 2014 at 9:13 am

Hi,
Add this CSS in Theme panel -> Custom CSS


.menu-item-12304 img {
    height: 45px;
    position: relative;
    top: -3px;
    width: auto;
}

also if you don’t use the above header you can hide it via CSS with this:

.td-header-bg {
    display: none;
}

To change the logo when scroll use this:
1. Hide the original logo when scroll:

.affix .menu-item-12304 img {
    display: none;
}

2. Add a new logo:

.affix .menu-item-12304 a {
    background-image: url("put here the link to the new logo image");
    background-repeat: no-repeat;
    background-size: auto 47px;
    width: 202px;
}

Adjust the 47px size and 202px size to fit like you want.

Hope this help!
Thanks for the message!

Marius
tagDiv Staff
Module 8 Title style - reply
#13310
May 23, 2014 at 8:59 am

Provide a link to see exactly where? Can be changed via CSS.

Thanks for the message!

maxu
tagDiv Member
Speed booster and non-latin characters - reply
#13289
May 22, 2014 at 11:02 pm

Hi Radu, i have similar problem about that.

I added &subset=latin,latin-ext to the end of declaration as you can see below:

wp_enqueue_style(‘google-font-rest’, td_global::$http_or_https . ‘://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700&subset=latin,latin-ext’); //used on menus/small text

but it is not worked for me.
Before i add &subset=latin,latin-ext my web site looking like this:
http://i.imgur.com/fkHd8L6.jpg ( some problems with Ĺź,Äź)

After i add &subset=latin,latin-ext to the end of declaration, my web site looking like this:
http://i.imgur.com/h8sOEqd.jpg

Thanks for answering Radu
Have a nice day.

kreditno
Participant
CSS Animation not working - topic
#0
May 22, 2014 at 6:02 pm

Hi, I have trouble loading CSS animations in visual composer. I have the latest version of theme downloaded and updated version 3.8 to 3.8.3.1. Any fix comming soon?

danielpetre
tagDiv Member
w3 total cache setup for newspaper theme - reply
#13244
May 22, 2014 at 11:04 am

Activate page cache, browser cache (leave database and object off) and cdn if you use one, this should work.
If you want you can activate minify on manual mode and add each css and js file one step of a time and check if the site still works.
I did not managed to handle style.css which one added to minification would break everything!

Marius
tagDiv Staff
Removing Font Awesome - reply
#13236
May 22, 2014 at 9:34 am

Hi,
I’m not sure from where you have that code because the theme don’t use Font Awesome! And td-bootstrap.css doesn’t call any font instead of PT sans.

Here are all the requests from other domains: http://screencast.com/t/QHsDQ6oe7

Marius
tagDiv Staff
Reduce margin footer - reply
#13234
May 22, 2014 at 9:21 am

Hi,
Add this CSS in Theme panel -> Custom CSS

.td-full-layout .td-footer-wrap .td-grid-wrap {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
.td-footer-wrap .widget_text {
    margin-bottom: 0px !important;
}
Marius
tagDiv Staff
Make main menu transparent - reply
#13228
May 22, 2014 at 9:08 am

Hi,
Use this CSS, add it in Theme panel -> Custom CSS

.td-boxed-layout .affix-top .td-menu-wrap {
    background: transparent !important;
}
.td-boxed-layout .affix-top .td-menu-wrap {
    border-bottom: 4px solid #D8097F;
}
.affix-top .sf-menu > li > a {
    line-height: 53px;
}
.affix-top .sf-sub-indicator {
    top: 26px;
}
Radu A
tagDiv Member
Continue Button in Blocks 6 & 9 - reply
#13225
May 22, 2014 at 8:53 am

hi,

use this css: 


.item-details .more-link-wrap.wpb_button.td_read_more {
  padding: 0px 8px 0px 8px !important;
  margin-top: 15px; 
}

here : http://screencast.com/t/4tOfAnyr9

if you want to remove the button :
http://screencast.com/t/3sGvygxCxoh
http://screencast.com/t/qM0curZ2

Thanks for you message.
Radu A.

Fudoki
Participant
Removing Font Awesome - topic
#0
May 22, 2014 at 1:00 am

How does one remove the calls to Font Awesome?

URL: http://example.com/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css

http://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3

It looks like all this does it allow one to use icons? Right? I just want to make my page faster, and these calls are usually 239 & 775ms.

Thanks!
Fudoki

simchris
tagDiv Member
Reduce margin footer - reply
#13205
May 21, 2014 at 11:23 pm

You can try to simply add the code to your Custom CSS in the panel; won’t blow anything up. The above code was marius’ answer to my query on this exact same topic.
Works perfectly for me. 🙂

WinterRaven
Participant
Make main menu transparent - topic
#0
May 21, 2014 at 3:42 pm

I’m trying to make the main menu transparent at: blog.raveready.com

The background header already takes care of the visual division, so I want that whole section to be transparent. I had no issues with figuring it out on previous releases with custom CSS…but for some reason I’m totally failing here.

Here is the css I’m using.

.td-boxed-layout {
background-color:transparent;
}
.td-menu-background {
background-color:transparent;
}
.td-menu-wrap {
background-color:transparent;
}
Radu A
tagDiv Member
Header issue - reply
#13132
May 21, 2014 at 9:08 am

hi,
please try to use this css:

.td-header-bg {
  height:80px !important;
}

here: http://screencast.com/t/kMLiJsdBNd

hopefully it will fix the header problem.
however the problem can also come from plugins that have their css conflict with the theme css. can you try disabling all plugins and see if this issue appear.

Thanks for you message.
Radu A.

Marius
tagDiv Staff
Adding tagline & removing the grey background - reply
#13131
May 21, 2014 at 9:07 am

Hi,
To remove the gray color add this CSS in Theme panel -> Custom CSS

.iosSlider {
    background-color: none !important;
}

For the arrows with try this CSS

.iosSlider .prevButton,
.iosSlider .nextButton {
  opacity: 0.7;
}

Thanks!

Radu A
tagDiv Member
art-slidebig-main Issue - reply
#13129
May 21, 2014 at 8:52 am

hi,
When it comes to this Photon I really don’t know if I can help you, we are not the developers of JetPack.
A solution from css to increase the size of a picture in the theme can be provided, paste here the link.

Thanks for you message.
Radu A.

Bryson T
tagDiv Member
art-slidebig-main Issue - reply
#13083
May 20, 2014 at 9:50 am

The problem is Photon in Jet Pack. It RESIZES the image to the WRONG size for some unknown reason.

The Newspaper Featured Image Placeholder feature is not compatible with Jet Pack’s Photon CDN. Photon is needed – how do I force the correct size, or disable Photon resizing the featured image placeholder?

Also, as a thank you for the jab, you were wrong. Photon resized a 1074px width image down to the same incorrect 700×454 – it didn’t crop it either.

I got this theme to 92/100 page speed score by using Photon, more like 82/100 without it. Really need your help. I figure there must be a bit of CSS that will force the correct size for the slide to show correctly with Photon on. Or perhaps it’s time to put a fix into Newspaper for this compatibility issue.

Radu A
tagDiv Member
Facebook social counter error - reply
#13082
May 20, 2014 at 9:48 am

hi,
we have tested the Newspaper theme only with out social counter, I don’t know what plugin to recommend ‘for floating social signals share bar’.

for the background of the big slide we don’t have an option to change the color of the background but probably a css solution can be provided.

Thanks for you message.
Radu A.

Viewing 25 results - 32,476 through 32,500 (of 33,436 total)
1 2 3 … 1,299 1,300 1,301 … 1,336 1,337 1,338