Page 1252 – tagDiv support

Participant

Custom CSS in visual composer not saving - topic

#0

Sep 25, 2014 at 1:07 am

Hi,

I am trying to add some custom css to my homepage via the option in the visual composer – so that it applies it just for that page.

I tested some custom css earlier which worked fine but it now will not delete or update. I put the code in and there are no errors but when I press save nothing happens. If I click close and then update and go back in the code I put in is gone and the old code I used earlier to test with is back.

http://www.totsintow.co.za

Thanks 🙂

dl_rod

tagDiv Member

Issues with Side Notes by Livefyre - reply

#22429

Sep 24, 2014 at 9:08 pm

Hello Lucian,

Sorry but once more I’m not explaining myself properly. If you check this post out you will be able to see at the end of each paragraph a comment bubble. When I use text padding in an article those bubbles are not showing up like in this post .

I asked the guys at livefyre adn their response was: “it appears Sidenotes is working just fine on that site as far as we can see. As I suspected, it looks to be an issue with your styling. The engineer I spoke with suggested you try adjusting your DOM selectors for full-width pages and fixing the CSS that is drawing a border around our editor textarea.”

Is there a way we can fix the styling in the theme so sidenotes can work well when padding for the text is used?

Kind regards,

Daniel

simchris

tagDiv Member

Pagespeed - reply

#22425

Sep 24, 2014 at 8:57 pm

COPYING THIS FROM OTHER THREAD FOR THOSE WHO HAVE ASKED ME COUPLE OF TIMES ABOUT REMOVING GOOGLE FONTS FROM FUNCTIONS.php … ref: Newspaper 4.2/4.2.2 — not tested with 4.3, but presumably same idea:

————copied from other thread ————–

Hi,
okay I think in 4.2 here is what my edited functions.php looks like
lines 38 -> 59

/*  ----------------------------------------------------------------------------
    CSS - front end
 */

function td_load_css() {

    //google fonts
    if ((defined('TD_DEPLOY_MODE') and (TD_DEPLOY_MODE == 'demo' /*or TD_DEPLOY_MODE == 'dev' */)) or defined('TD_SPEED_BOOSTER')) { //on demo and dev we load only the latin fonts
        //modify this collection if you want to optimize the fonts loaded
        //collection url -> : http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
        //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'); //used on menus/small text
    }

    //add the google style link for fonts used by user
    $td_fonts_css_files = td_util::get_option('td_fonts_css_files');
    if(!empty($td_fonts_css_files)) {
        wp_enqueue_style('google-fonts-style', td_global::$http_or_https . $td_fonts_css_files);
    }

    //bootstrap - custom built - it was generated via compilation of /external/bootstrap-master/less/bootstrap.less

You will note I didn’t remove 44-49, I commented it out with //

I did not remove the code which is there *if* somebody selects fonts from the admin panel, which I think is what you were doing; and then it would crash.

And I DELETED this

        $td_user_fonts_list = array();
        $td_user_fonts_db = td_util::get_option('td_fonts');
        if(!empty($td_user_fonts_db)) {
            foreach($td_user_fonts_db as $td_font_setting_key => $td_font_setting_val) {
                if(!empty($td_font_setting_val) and !empty($td_font_setting_val['font_family'])) {
                    $td_user_fonts_list[] = $td_font_setting_val['font_family'];
                }
            }
        }

        if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
            wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
        }

        if(!in_array('g_617', $td_user_fonts_list)) {//'g_617', //Ubuntu
            wp_enqueue_style('google-font-ubuntu', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_453', $td_user_fonts_list)) {//'g_453', //PT Sans
            wp_enqueue_style('google-font-pt-sans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic-ext,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_445', $td_user_fonts_list)) {//'g_445', //Oswald
            wp_enqueue_style('google-font-oswald', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext'); //used on content
        }

        if(!in_array('g_521', $td_user_fonts_list)) {//'g_521', //Roboto
            wp_enqueue_style('google-roboto-cond', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_639', $td_user_fonts_list)) {//'g_639', //Vollkorn
            wp_enqueue_style('google-vollkorn', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700'); //used on quoates classic
        }
    }

simchris

tagDiv Member

Increasing Site Speed | Removing Google Fonts - reply

#22422

Sep 24, 2014 at 8:52 pm

Hi,
okay I think in 4.2 here is what my edited functions.php looks like
lines 38 -> 59

/*  ----------------------------------------------------------------------------
    CSS - front end
 */

function td_load_css() {

    //google fonts
    if ((defined('TD_DEPLOY_MODE') and (TD_DEPLOY_MODE == 'demo' /*or TD_DEPLOY_MODE == 'dev' */)) or defined('TD_SPEED_BOOSTER')) { //on demo and dev we load only the latin fonts
        //modify this collection if you want to optimize the fonts loaded
        //collection url -> : http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
        //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'); //used on menus/small text
    }

    //add the google style link for fonts used by user
    $td_fonts_css_files = td_util::get_option('td_fonts_css_files');
    if(!empty($td_fonts_css_files)) {
        wp_enqueue_style('google-fonts-style', td_global::$http_or_https . $td_fonts_css_files);
    }

    //bootstrap - custom built - it was generated via compilation of /external/bootstrap-master/less/bootstrap.less

You will note I didn’t remove 44-49, I commented it out with //

I did not remove the code which is there *if* somebody selects fonts from the admin panel, which I think is what you were doing; and then it would crash.

And I DELETED this

        $td_user_fonts_list = array();
        $td_user_fonts_db = td_util::get_option('td_fonts');
        if(!empty($td_user_fonts_db)) {
            foreach($td_user_fonts_db as $td_font_setting_key => $td_font_setting_val) {
                if(!empty($td_font_setting_val) and !empty($td_font_setting_val['font_family'])) {
                    $td_user_fonts_list[] = $td_font_setting_val['font_family'];
                }
            }
        }

        if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
            wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
        }

        if(!in_array('g_617', $td_user_fonts_list)) {//'g_617', //Ubuntu
            wp_enqueue_style('google-font-ubuntu', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_453', $td_user_fonts_list)) {//'g_453', //PT Sans
            wp_enqueue_style('google-font-pt-sans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic-ext,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_445', $td_user_fonts_list)) {//'g_445', //Oswald
            wp_enqueue_style('google-font-oswald', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext'); //used on content
        }

        if(!in_array('g_521', $td_user_fonts_list)) {//'g_521', //Roboto
            wp_enqueue_style('google-roboto-cond', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_639', $td_user_fonts_list)) {//'g_639', //Vollkorn
            wp_enqueue_style('google-vollkorn', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700'); //used on quoates classic
        }
    }

This reply was modified 11 years by simchris.

simchris

tagDiv Member

Non-responsive mode in 4.3 - reply

#22415

Sep 24, 2014 at 8:20 pm

@OuweAap
4.2.2 works awesomely on our sites with no issues impacting the sites …. couple of minor CSS changes we did, but that’s common to any customization. Nothing really disastrous or ultra painful in 4.2.2.

Ljubisa B.

tagDiv Member

Converts render-blocking CSS and JS files into NON-render-blocking - reply

#22410

Sep 24, 2014 at 8:05 pm

Thank you Steven !

Steven

tagDiv Member

Converts render-blocking CSS and JS files into NON-render-blocking - reply

#22408

Sep 24, 2014 at 7:53 pm

@Ljubisa B. i’m glad my tips work for you,those are great #’s

robert-r

tagDiv Member

Header 1 – Background Image and search icon. - reply

#22406

Sep 24, 2014 at 7:34 pm

Hello Lucian.

I can use Header 3 for this code for background image.

How to move logo from center to the left like in Header 1 by CSS?

Ljubisa B.

tagDiv Member

Converts render-blocking CSS and JS files into NON-render-blocking - reply

#22405

Sep 24, 2014 at 7:34 pm

Hello, thanks for great Posting hir, with you suport have great Google speedtest result. THX again.

http://awesomescreenshot.com/0173jn0ce2
and
http://awesomescreenshot.com/0113jn1l63

robert-r

tagDiv Member

Header 1 – Background Image and search icon. - reply

#22403

Sep 24, 2014 at 7:23 pm

Hello Lucian,

I pasted code in custom CSS and is not working.
This code is working fine with Header 3 and not working with Header 1 which I’m using.

.td-boxed-layout .td-logo-rec-wrap, .td-boxed-layout .td-affix .td-logo-rec-wrap, .td-full-logo {
background: url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS1snmw3W4bY_-Lpbd_am2QprWg5D5H10CR0IQOZa9AsHV6z3h1iw’) !important;
}

Lucian

tagDiv Staff

Align text to left on blockquote - reply

#22393

Sep 24, 2014 at 4:28 pm

Hi,

Have you tried adding the blockquotes using this shortcodes: http://screencast.com/t/AnwvWMYYLXG I’m not sure how you would want the blockquotes to appear.
You could use css to align the left the text and if you use child theme and don’t want to use custom css field from theme panel you can edit the style.css file and add it there.

Thanks

Lucian

tagDiv Staff

arrow bullets - reply

#22391

Sep 24, 2014 at 4:18 pm

Hi,

You can replace the bullets via custom css using a css like this:

ul li {
list-style-image: url('sqpurple.gif');
}

Hope this helps!
Thanks

maxishere

Participant

Align text to left on blockquote - topic

#0

Sep 24, 2014 at 2:31 pm

Hello,

How can I make the text on blockquotes align to the left, rather than centre please?

I am using a Newspaper as a child theme, and would rather not use the ‘Custom CSS’ option in the Theme Panel (which I haven’t been able to get working with this anyway!) as that renders the CSS after the page load.

Many thanks.

Max

Lucian

tagDiv Staff

Next Prev arrows not appearing in modal images - reply

#22368

Sep 24, 2014 at 1:51 pm

Hi,

Use this css: http://screencast.com/t/O0FE9AHFMkyk

.mfp-arrow {
font-family: newspaper !important;
}

Thanks

Lucian

tagDiv Staff

Search CSS error/bug - reply

#22364

Sep 24, 2014 at 1:21 pm

Hi,

Use this css: http://screencast.com/t/54IIsRY8x

.td_mod_aj_search .item-details a {
white-space: normal !important;
}

Thanks

Lucian

tagDiv Staff

Mobile view - reply

#22359

Sep 24, 2014 at 12:44 pm

Hi,

Use this css: http://screencast.com/t/lfFeU6e2gjqM

@media (max-width: 767px){
.header-logo-wrap, .header-logo-wrap img {
display: inline !important ;
}
}

Thanks

Fudoki

tagDiv Member

Increasing Site Speed | Removing Google Fonts - reply

#22354

Sep 24, 2014 at 12:11 pm

As always, Thanks Chris. I can’t find any post that refers to the specific lines to delete (in 4.2x).

What I’m wondering is what lines we need to delete from functions.php?

I get a WSOD if I delete 48-49:

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'); //used on menus/small text

Maybe this is because the speed booster is also calling Google font scripts now?

Thanks!

Lucian

tagDiv Staff

Changing the mobile menu - reply

#22348

Sep 24, 2014 at 11:08 am

Hi,

Unfortunately that would be the beast way, you can’t build a different menu for mobile only.
If you inspect the menu items you will noticed that each has a unique class, like “menu-item-4630” in this case, so you will need to use that class to hide the menu item which you don’t want to show up on desktop/tablets screen, then another css to hide the menu item you show on desktop and tables on mobile, below you have some screenshots which will make you understand this better:

* http://screencast.com/t/giGXF0RF
* http://screencast.com/t/iSEqUzAbFsVc
* http://screencast.com/t/Suboukyr8z
* http://screencast.com/t/vRvCuGd497M

You could also build the top menu as you like, the top menu it’s hidden on mobiles but you could customize it then hide it on desktop and use it on mobile.
Here you have the css I used for the example:

@media (min-width: 767px) {
.menu-item-4630 {
display: none;
}
}

@media (max-width: 767px) {
.menu-item-2962 {
display: none;
}
}

Thanks

This reply was modified 11 years by Lucian.

Lucian

tagDiv Staff

Stop the background from fading? - reply

#22345

Sep 24, 2014 at 10:21 am

Hi,

That may happen due to the css that it’s loading later. You could try to edit the style.css file and add the background for your site from there.

Thanks

Lucian

tagDiv Staff

Mobile header image and shadow - reply

#22342

Sep 24, 2014 at 9:29 am

Hi,

Please use this css and add it in theme panel > custom css:

@media (max-width: 767px){
.single_template_4 .td-image-gradient:before {
bottom: 0px;
}
.td-big-slide-background, body.single_template_4 #td-full-screen-header-image, .backstretch {
height: 500px !important;
}
}

Should solve your issue: http://screencast.com/t/73be90lxvS

Thanks

simchris

tagDiv Member

Converts render-blocking CSS and JS files into NON-render-blocking - reply

#22335

Sep 24, 2014 at 4:06 am

We had good luck with Amazon’s CDN; but in our case we have a very powerful brand new web server, dedicated switch in class A datacenter, so we’re finding a “balance” of what to use the CDN for. In our case, in process of migrating everything to https/SSL so right now we’re loading everything locally.

Obviously, for any website, it’s very much a trial and error process. 🙂

Steven

tagDiv Member

CSS Customization (urgent) - reply

#22326

Sep 23, 2014 at 9:48 pm

very nice…

mehedi

tagDiv Member

CSS Customization (urgent) - reply

#22325

Sep 23, 2014 at 9:47 pm

Its roboto condensed with font-weight:300

Steven

tagDiv Member

CSS Customization (urgent) - reply

#22323

Sep 23, 2014 at 9:42 pm

@mehedi that look really nice,it don’t even look newspaper theme any more…what font you using for the names in the menu…

mehedi

tagDiv Member

CSS Customization (urgent) - reply

#22322

Sep 23, 2014 at 9:38 pm

Yep. Header Style 8 literally changed the look of my website and it looks awesome. Although there was some bugs 😉

Cookie	Duration	Description
cookielawinfo-checkbox-advertisement	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement".
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Duration	Description
_ga	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gat_gtag_UA_43963494_1	1 minute	This cookie is set by Google and is used to distinguish users.
_gid	1 day	This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visted in an anonymous form.

Cookie	Duration	Description
IDE	1 year 24 days	Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.
test_cookie	15 minutes	This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE	5 months 27 days	This cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.
YSC	session	This cookies is set by Youtube and is used to track the views of embedded videos.

Cookie	Duration	Description
CONSENT	16 years 5 months 26 days 13 hours 25 minutes	No description
yt-remote-connected-devices	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.
yt-remote-device-id	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.