Search Results for 'css'

Hi

First you have to get the page id where you want to hide the number in smart list and to do that you can go to All Posts in wordpres and hover over the post. The id will be displayed at the bottom of the page like here:
http://screencast.com/t/vP56nXBzh Now add this custom css in theme panel > custom cass but replace the postid number with your postid:

.postid-760 .td_smart_list_1 .td-sml1-current-item-nr{
display:none;
}

Here is the result: http://screencast.com/t/qgx3sEvs

Thanks!

Hi

Unfortunately the theme doesn’t have an option to change the fonts for the smart list, but you can change it with custom css depending by smart list format that you’re using: http://screencast.com/t/FdHChXHA

.td_smart_list_1 .td-sml1-current-item-title{
font-size:30px;
}

Thanks!

• This reply was modified 11 years by Andrei L..

Hi

You can try this custom css in theme panel > custom css it will be applied only for that page:

.page-id-993 .vc_toggle .vc_toggle_icon{
float: right;
margin-right: 15px;
}

Here is the result: http://screencast.com/t/9D4aDq01s3C

Thanks!

Hello,

I test again,
Test with chrome it working
Test with IE it working
Test with firfox version 39.0 in not working.(still have this issue)

I not have any custom js/css.
I test by disable all my plugins, leave just Visual Composer active, clear cache and see still have this issue.
Test with firfox version 39.0 in not working.(still have this issue)
Test with chrome it working
Test with IE it working

Thanks.

Thanks — worked that time. I forgot to put an end bracket on the previous css code.

ok so scrap everything i just said.

it is simply not working..

http://parisjourney.com/about-me

i entered the css into the theme pannel and no resaults

actually the first one worked but the second one didnt.

.postid-33 .td-a-rec-id-content_inline, .postid-33 .td-g-rec-id-content_inline {
display: none !important;
}
.postid-1162 .td-a-rec-id-content_inline, .postid-1162 .td-g-rec-id-content_inline {
display: none !important;
}

i tried to do two posts in a row. is this what it would look like or am i missing somethings. sorry but im shit at anything to do with css.

so post 33 worked, post 1162 didnt.

HI folks … as I’m about to be enmeshed in a highly complex project for my own company, I won’t have *any* time to post “pay it forward” help around here anymore, but I thought I’d share one last thing for now — which I’d promised to do, and I just did in another post on this topic …

this is “broad strokes” on how to optimize the font loading for using Google fonts, such as OpenSans for your site; to not load the remote style sheet from Google and solve one of the issues from optimization testing related to Google fonts. This might even gain you a point in some cases!

———– SNIP————-

The theme does not load fonts via functions.php; but from the MAIN functions file used by the theme inside the /includes folder as I noted.

The following would be how we do it, in broad strokes — with idea of using OpenSans, removing roboto, and loading the CSS locally for OpenSans vs remotely.

Anybody planning to hack the theme in *any* way should explore the files in there to see what is going on with the theme.

So, to wit
theme/includes/td_wp_booster_functions.php

see around line 1318 – 1340

helps to use a proper text editor (I used “TextPad” on Windows, BBEdit on Mac).

I have not done this in awhile, but as I’m no longer going to be around here to help out, needing to move onto other things I’ll try to provide a starter point for you.

I believe I removed the whole Google fonts section; or perhaps only left in the first section as it caused error to remove it all.

————-

Next you need to search/replace any instance of Roboto from your style.css ; change the default fonts to OpenSans as you won’t be using the control panel to select it anymore.

————

‘capture’ the CSS from Google; presumably those of you who are new to HTML, webdev, etc., likely don’t understand what is going on with CSS (cascading style sheet) and how fonts are loaded.

So, basically when you “request” the fonts from Google using their API, you’re not loading the fonts, you’re loading a style sheet on their server, which in turn loads the fonts — a redirect of sorts. And this does show up as “something to fix” when doing optimization tests.

So, an old trick most of learned in the olden days of hand coding our websites from scratch is that you can put that API link into a browser window, or email it to yourself as a link also works …

Put another way if you were to go to the Google font repository, or look at the theme code, you end up with their API call, which looks something like this:

://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic

Now if you know what you’re doing, again, you can put that URL into a browser window and it will spit out the actual “what is being loaded from that URL” … which actually looks like this:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

that is the actual CSS being loaded .. and you can put this at the bottom of your style.css file to load the fonts from your own style sheet vs loading their style sheet remotely.

So, if you combine the three things
a) search/replace your /theme/style.css to make OpenSans your default font; remove Roboto
b) remove the section in the theme main config file so that it’s NOT loading the remote style sheets
c) put your captured CSS from Google at bottom of YOUR /theme/style.css
d) there may be one instance of roboto somewhere else in the admin code files, but I forget where that is at the moment (sorry)
e) while it should be self-evident — if your site is https; change the http in above to https.

Then you have saved the redirect of the extra style sheet being loaded from Google’s server.

You can modify this procedure to use different fonts, or multiple fonts. Just setup the fonts you want on Google’s font site, get the embed code; then “capture” the actual CSS.

Try it 🙂

• This reply was modified 11 years by simchris.

The theme does not load fonts via functions.php; but from the MAIN functions file used by the theme inside the /includes folder as I noted.

The following would be how we do it, in broad strokes — with idea of using OpenSans, removing roboto, and loading the CSS locally for OpenSans vs remotely.

Anybody planning to hack the theme in *any* way should explore the files in there to see what is going on with the theme.

So, to wit
theme/includes/td_wp_booster_functions.php

see around line 1318 – 1340

helps to use a proper text editor (I used “TextPad” on Windows, BBEdit on Mac).

I have not done this in awhile, but as I’m no longer going to be around here to help out, needing to move onto other things I’ll try to provide a starter point for you.

I believe I removed the whole Google fonts section; or perhaps only left in the first section as it caused error to remove it all.

————-

Next you need to search/replace any instance of Roboto from your style.css ; change the default fonts to OpenSans as you won’t be using the control panel to select it anymore.

————

‘capture’ the CSS from Google; presumably those of you who are new to HTML, webdev, etc., likely don’t understand what is going on with CSS (cascading style sheet) and how fonts are loaded.

So, basically when you “request” the fonts from Google using their API, you’re not loading the fonts, you’re loading a style sheet on their server, which in turn loads the fonts — a redirect of sorts. And this does show up as “something to fix” when doing optimization tests.

So, an old trick most of learned in the olden days of hand coding our websites from scratch is that you can put that API link into a browser window, or email it to yourself as a link also works …

Put another way if you were to go to the Google font repository, or look at the theme code, you end up with their API call, which looks something like this:

://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic

Now if you know what you’re doing, again, you can put that URL into a browser window and it will spit out the actual “what is being loaded from that URL” … which actually looks like this:

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


that is the actual CSS being loaded .. and you can put this at the bottom of your style.css file to load the fonts from your own style sheet vs loading their style sheet remotely.

So, if you combine the three things
a) search/replace your /theme/style.css to make OpenSans your default font; remove Roboto
b) remove the section in the theme main config file so that it’s NOT loading the remote style sheets
c) put your captured CSS from Google at bottom of YOUR /theme/style.css

Then you have saved the redirect of the extra style sheet being loaded from Google’s server.

You can modify this procedure to use different fonts, or multiple fonts. Just setup the fonts you want on Google’s font site, get the embed code; then “capture” the actual CSS.

Try it 🙂

I found that string css code earlier and I couldn’t get it to work. I tried placing it in the main custom css box as well as the mobile options and everything stayed the same.

When do you suppose a option will be created in the theme panel? My site is to go live by September and would like it done by then.