Search Results for 'css'

HI

Try this css in theme panel custom cde > custom css to: http://screencast.com/t/GuOuHsdCdXl

.vc_item {
height: 100%!important;
}

Thanks!

Thanks; I had missed that different styles could be selected. I have now changed to Style 8 which has less colours. But I still believe I would like to try it with black/white/grey only. So If you can provide me with a CSS change replacing all colours with grey, I would appreciate so. It is OK to remove the colours for all styles.

Thanks.

Hi

Try this css in theme panel cosutm code > custom css to change the subtile color: http://screencast.com/t/MrW84bqmCq

.td-post-sub-title{
color: red!important;
}

Thanks!

Hi

By adding the inidcared code in style.css yopu won’t change theme’s colors. The code I’ve give you is from site’s page source and is all custom cass generated by the theme according with your customizations from theme panel.

Thanks!

Hey Andrei,

This seems to be an issue with CSS related to “vc_column_container” class, which has width: 100% and overrides CSS of the columns. After a bit of research I did find that this might be an issue with how you’re outputting classes and modifying them in VC. Someone else had same exact problem in a different theme with VC.

Here’s the info:
https://oceanthemes.ticksy.com/ticket/842704

You can see that they had a response from VC support, which indicated that:

The issue is because theme author has modified our default column classes using:https://wpbakery.atlassian.net/wiki/display/VC/Change+CSS+Class+Names+in+Output Due to this it breaks upon the update.

This sounds like a possible bug. Thanks.

For those curious about baseline speed with GTmetrix for test bed:

No additional compression of css or js done (minification);
No caching plugin running;
Mod_pagespeed is OFF;
Page has no ad, but large image, sidebar, bottom bar images; large logo.
Default Newsmag theme (not using a “style/demo”).
Share buttons ‘on’ at top of page.

Pagespeed Score: A (96%)
YSLOW Score A (94%)
Page load time: 1.2s
Total Page size: 248kb
requests: 12

Nice.

Still to do:
figure out how to fix the wonky ? query on the newsmag icon font …
/images/icons/newsmag.woff?11

a) compress style.css
b) replace gravatar with local author image
c) main css to footer; preload critical CSS in head (fixes ‘render blocking …’)
d) enable mod_pagespeed – does on the fly comment removal, image optiization for small png to base64 or webp, removes all double spaces in text for pseudo-minification; further optimizes anything loaded from google like jquery

=========
that’s it for now.
Hope this isn’t annoying folks too much 😉

————
Radu and co have really done a great job on this and theme is speedy on desktop testing ‘as advertised …” which is awesome. I was worried going from v2 to v3 was going to bring bloaty-mcbloatface, and turns out – not so much 🙂

• This reply was modified 10 years by simchris.

So, I want to remove Google fonts, stop them being loaded in page head, and use default mobile friendly font stack, also works for desktop:

——- PART 2 / FONT SWAP;
remove default Google Fonts in theme and loaded externally ——–

**/theme/includes/td_config.php

/remove google font calls for defalt roboto and open sans

lines 3247-3259 — remove:

/**
* the default fonts used by the theme. For a list of fonts ids @see td_fonts::$font_names_google_list
*/
td_global::$default_google_fonts_list = array (
'438' => array(
'css_style_id' => 'google_font_open_sans',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'
),
'522' => array(
'css_style_id' => 'google_font_roboto_cond',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto:400,300,700,700italic,400italic,300italic'
),
);

**/theme/style.css v3.1

<< do search/replace for ‘string’ using text editor like BBEdit, TextPad, etc.) >>

lines 352 + 866 + 962 + 1663 + 1752 + 1861 + 2608 + 5355 + 5388 + 5450 + 5691 + 5734 + 7303 + 7340 + 7565 + 7608 ((ETC.)),
replace: font-family: 'Open Sans', arial, sans-serif;

with modern font stack:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

lines 379 + 387 + 473 + 1968 + 2006 + 2118 + 2160 + 2301 + 2625 + 7500 ((ETC.)),
replace: font-family: 'Roboto', sans-serif;

as above, same font stack, or choose a serif stack for replacing Roboto.

this isn’t best choice, but option:

font-family: Rockwell, Georgia, Times, "Times New Roman", serif;

======
REMINDER: these haxx need to be done EVERY theme update; keep record and backup of your files in sub-folder on your work PC/Mac to easily redo this as needed for future versions of Newsmag (if you want… or not, won’t matter to me either way … just sayin….) 🙂

found it … // answered my own query 😉 //

**/theme/includes/td_config.php

/remove google font calls for defalt roboto and open sans

lines 3247-3259 — remove:

/**
* the default fonts used by the theme. For a list of fonts ids @see td_fonts::$font_names_google_list
*/
td_global::$default_google_fonts_list = array (
'438' => array(
'css_style_id' => 'google_font_open_sans',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'
),
'522' => array(
'css_style_id' => 'google_font_roboto_cond',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto:400,300,700,700italic,400italic,300italic'
),
);

Okay…. was able to do good ol’ search/replace in style.css

now on hunt in classic /wp-booster/wp_booster_functions.php hack…

which looks like it’s around lines 270-304 …
forget which stuff to comment out here ….. Hmmmm……

=====
**/theme/style.css v3.1

<< do search/replace for ‘string’ using text editor like BBEdit, TextPad, etc.) >>

lines 352 + 866 + 962 + 1663 + 1752 + 1861 + 2608 + 5355 + 5388 + 5450 + 5691 + 5734 + 7303 + 7340 + 7565 + 7608 ((ETC.)),
replace: font-family: ‘Open Sans’, arial, sans-serif;

with modern font stack:
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;

lines 379 + 387 + 473 + 1968 + 2006 + 2118 + 2160 + 2301 + 2625 + 7500 ((ETC.)),
replace: font-family: ‘Roboto’, sans-serif;

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;

Hi

I assume that you want to move post’s title to the top of slide block. To achieve that try this css in theme panel > custom code> custom css: http://screencast.com/t/uTJjm4qD6g

.td-theme-slider .slide-meta {
    top: 16px;
}

To reduce slide’s height you can use this css:

@media(min-width: 768px){
.td-theme-slider.iosSlider-col-3 {
    height: 500px!important;
}
}

To reduce the font size on mobile try this code: http://screencast.com/t/OP5LVsoJ

@media(max-width: 768px){.td-theme-slider.iosSlider-col-2 .td-module-title a, .td-theme-slider.iosSlider-col-3 .td-module-title a {
    font-size: 15px!important;
    line-height: 17px!important;
}
}

I hope this helps.
Thanks!

Hi

I can’t access the given url as it’s from your dashboard and I don’t have permissions if I am logged out.
I assume that you’re referring at that delay which appears on page’s load until the settings from theme panel are applied. That happens because the custom css generated by the theme is moved by Speed Booster plugin at page’s bottom. To avoid the delay you can try to insert all custom css generated by the theme directly in style.css. That code can be found in page’s source but you have to be very careful with it. Currently you have this custom css: http://pastebin.com/ZmyuCBNU Try to paste it in style.css here: http://screencast.com/t/HxwVJnudgGK clear the caches then test the site again.

I hope this helps.
Thanks!