Search Results for 'css'

Okay, I’m probably missing something pretty simple here, when I try to access the style sheet or open it this is what I get:

/*
Theme Name: Newspaper Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 1
*/

@import url(“../Newspaper/style.css”);

/* —————————————————————————-
Your custom style…. here 🙂
*/

How do I access the complete style sheet? That would solve all of this. : – )

Thanks,

Suzanne

nvm i fix it with a CSS code i found…

.block-title {
border: 0px !important;
}

Okay this is possible through CSS, example:

.td_mod9.td_mod_no_thumb .item-details {
margin-left: 0px;
}

this will remove the margin of the containing div so that the post expands full width if you don’t set an image.

Hi Christopher!
Thank you for your answer. Before to ask i tryed a several plugins, but none of them worked. I found how to do the icons manually, but i didn’t know where i should place additional code for theme. I need the icons in my sidebar which is on every post and categories, but not page. So if i got it right to do any changes in sidebar which is on category page in need to change category.php. But what is about post pages? Do i need loop-single file or something else?

Eventually i could add the icons using one more plugin, but i still wonder how i can change, for instance, background images of sidebars, headers, menus and stuff like this.
Lucian wrote here https://forum.tagdiv.com/topic/control-of-widget-headerslines-on-sidebar/#post-19605 that in order to customize sidebar in categories i need to add a special class to category.php and then customize this class. But i still wait for his answer about customizing other things, coz it’s not easy on my own to understand which file is responsible for what, it’s not the only one css file here…

Hi Ecofame,

Quick clarifications:

1. It shouldn’t make a difference between the child and parent themes.

2. A CDN is a content delivery network, used to serve your site to people faster. Don’t worry — if you don’t know what it is, you’re probably not using one 😉

3. The caching plugin is actually what would have prevented you from seeing the changes, and then you would have had to clear its cache. You can deactivate it for now (although they’re often helpful, it’s not the problem or the solution at the moment).

Now, on to business.

Can you explain which whitespace you want to remove on your site? There are a lot of options. The CSS that Lucian and I gave you got rid of white space under each row of articles, because that’s what the first people in this thread were asking for, and I can see the difference on your site now.

But I assume there’s more that you want to remove. Maybe you can point out the whitespaces you want to remove on this screenshot of your site?

http://www.screencast.com/t/psO73z7g

It should work in IE as I’m using IE right now, and I can go to the Google site and the fonts work.

So, likely you need to load them from your style.css file vs using the theme panel. Meaning get the CSS from the above link I provided, from the CSS link, grab the CSS, and put at bottom of your style.css file; edit the style.css file to change the headline or whatever to the font you want, then edit the functions file to remove calls to google fonts from there.

eg. the css file you need to copy FROM:
<link href='http://fonts.googleapis.com/css?family=Quattrocento:400,700' rel='stylesheet' type='text/css'>

Kind of advanced, but that’s how I’m loading Open Sans and it works 100% of the time because Google provides the correct font for the platform.

Ideally, the point I was making for Marius is that you should be calling the Google version of the font in the theme, and the theme should be calling that from Google. It has nothing to do with “web safe” fonts, where the specific font would not be installed on a Windows PC.

Not sure that helps. But since you use that as your corporate ID font, it might be simpler to make the custom fix to ensure it always works, as I do with Open Sans.

• This reply was modified 11 years by simchris.

I do find the copyright one works on mobile and tablet (at least, mine does).

One way to disable the widgets, although it’s just lazily hiding it, is this:

1. Install https://wordpress.org/plugins/zigwidgetclass/

2. Give all the widgets in the footers you don’t want a class like hide_on_mobile

3. Go to Theme Panel -> Custom CSS and create a class like this:

@media (max-width: 1018px) {
  .hide_on_mobile {
    display: none !important;
  }
}

@media (min-width: 1019px) {
  .hide_on_mobile {
    display: initial !important;
  }
}

Note that you may have to use a different number of px to pick out the exact screen sizes you want. If I remember right, the other breaks used in the theme are 1200, 768, and 480.

Minifying is reducing file size by removing unnecessary data (e.g. line breaks). Caching / minifying / performance / speed plugins usually do it. The problem is that it can break up the flow of parsing the CSS file (if I understand it right).

Support has said in other threads that minifying CSS through plugins like W3 Total Cache won’t work (and I’ve seen it have the white screen effect). A CDN might also be minifying your CSS files, although I use Cloudflare and it seems fine.

Here are a few elements you can play around with the whitespace on:

.home .td_mod_wrap {
  margin-bottom: 0px;
}

.home .td_block_wrap {
  padding-bottom: 0px;
}

.home .wpb_row .row-fluid {
  margin-bottom: 10px !important;
}

Enter in Theme Panel -> Your Custom CSS and fiddle with the numbers till you’re happy.

Hi Lucian,

Since the Quattrocento is a part of our brand we definitely need to use it. I don’t understand how to use it with your css example. Would you mind give me the code to put in the custom css code area so that it will show on ie?

Thank you very much.

Suzanne

Lucian,
Yes i have the latest theme and plugin version. But it works with the custom css. Thanks 😉