Search Results for 'css'

Yes Sir i did.
i copied all from style.css of main theme and pasted in child theme’s style.css , below comment

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

still distrubed.
please have a look
http://akhbarworld.com/

Did you used the original “newspaper-child” theme with including the css from the original?

okay, this “might” be the issue, might not…

in looking at the /includes/less_files/font-icons.less

I did find this …

@font-face {
font-family: 'newsmag';
src: url('@{td_css_path}images/icons/newsmag.eot?6');
src: url('@{td_css_path}images/icons/newsmag.eot?6#iefix') format('embedded-opentype'),
url('@{td_css_path}images/icons/newsmag.woff?6') format('woff'),
url('@{td_css_path}images/icons/newsmag.ttf?6') format('truetype'),
url('@{td_css_path}images/icons/newsmag.svg?6#newsmag') format('svg');
font-weight: normal;
font-style: normal;
}

While on the “face” of it (typography pun 🙂 ) … that “should” work, and follows modern practice … the ?# might be breaking somewhere, but doubtful.

e.g.,
normal use:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

By contrast this is how I load the Font Awesome font on our main business site at bottom of the main minified CSS file:
(un-minified for easy read .. without the FA style classes….)
@font-face{font-family:'FontAwesome';
src:url('/assets/fonts/fontawesome-webfont.eot');
src:url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
url('/assets/fonts/fontawesome-webfont.woff') format('woff'),
url('/assets/fonts/fontawesome-webfont.ttf') format('truetype'),
url('/assets/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

Putting it at bottom of our main style.css worked best for us as it wasn’t being loaded through a separate load/include function.

So, if somebody – who can’t see the icons on their own website – wants to try putting the CSS for the font at bottom of their style.css file, have at it, then re-testing their website to see if the fonts work. Not sure where the less file is being called from … possibly the speed booster master file or functions.php.

I can’t test as I am not having the “I don’t see icons” issue.

Hi again,

ok, after setting up a demo site and comparing them, I figured out that the problem is the child theme.

I configured the child theme as proposed in http://codex.wordpress.org/Child_Themes. This page explicitly says: “@import should not be used to import the parent stylesheet into the child theme.” simply because it’s bad for performance.

However, you propose in https://forum.tagdiv.com/child-theme-documentation/ to use import – and actually that’s the only way how it seems to work.

Is there any way to create a child theme but avoid @import in the child css?

BR

Added the code to the existing line item. Was there a certain spot on the style.css to edit it?

Again. Weird. I can see the icons on http://ladgeneration.com/ perfectly fine in ALL browsers, Mac (Mavericks, and new Yosemite), PC (Win7/64, IE11 and Chrome), iOS across three systems, and iPad Air/iOS 7 latest.

I am not using Firefox, however, as I hate it.

Firefox *does* have some issues with CSS, which we ran into with our ecommerce system which *no* other browser has, but I didn’t test the icons with latest version. I think I have that on the Mac system with Mavericks, so I will check that when I have time juuuuuuust because I’m curious.

There is no good reason NOT for the icon font to load properly.

But obviously enough people are NOT seeing the icon font for it to be more than a “non issue.”

I’ve change the CSS to show that banner in the mobile view, so I have to hide it in the @media print.

Thanks!

Hi Lucian,

your CSS indeed fixes the problem with overlapping logo and ad – thanks! In my opinion I think that the theme (i.e. Newspaper) should already include this…

What’s not fixed is the misaligment of the menu. This is how it looks on your demo page (http://demo.tagdiv.com/newspaper/) in tablet mode:

Compare this to our installation where the menu icon and line underneath starts more to the left.

The settings are included/generated by Newspaper.

So, I guess there is an error there?

Best regards

• This reply was modified 11 years by ZTWP.

Lucian,

That CSS messes up the “Share” social icons pretty badly.

I really appreciate you helping, but is there any other css I could try?

Or is it another issue with that template? It’s just not designed to be like that?