Search Results for 'move bottom ad'

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 🙂

Hi

1. Please provide a link so i can inspect this problem closer.
2. This delay usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster and because of the cascading property of css the text appear this delay. Try to add the custom css that I give you in style.css: http://screencast.com/t/QzC0stQhO

Thanks!

Hi Again,

Here’s a link to my site so you can see what I mean: http://www.irreverentgent.com/

Here’s the custom CSS I’m using right now to make it look this way:
.td-header-menu-wrap {
border: 2px solid #cccccc; }
.td-header-style-7 .td-header-sp-logo img {
max-height: 150px;
padding: 0px 0;
}

I’m hoping to make the whole header move down to align with the bottom of the logo, rather than have the logo pop out of the header as it does now. Any advice would be greatly appreciated.

Thanks again!

Hi,

Thank you for your help! Another problem I am facing with this technique is that the row background image does not seem to be responsive. It appears fine on a desktop browser but in a phone screen, the image does not get smaller. What kind of media queries can I use to make it responsive? I tried the Column Settings (“Responsive Options”) but that did not seem to work either.

http://snag.gy/vWgrV.jpg:

Also, I want the row background image to have a gradient just like some of the other slide based modules in the theme. I tried assigning the class “td-image-gradient” to the image but the gradient is not applied uniformly as shown in the screenshot.

http://snag.gy/J8prY.jpg:

I’d like to move the text block to the bottom of the row image. I tried a few CSS changes but couldn’t get that to work either.

Appreciate the help.

We’d also like to remove some of the padding and let the logo image take up more of the header space, but not make the black area taller.

Padding should be –
left – 35px
top/bottom 15px

http://weedstream.net/dev/

I thought it might be better to combine these instead of making a new entry.

Thank you!

Hi Sir, I am not good in coding so I am messed up all the way. This is my website: http://www.kickscoop.com I removed the pinterest and google+ share button from blog post. Now i want all these things to be customized in Social share buttons:

1) Adding a “Share on Whatsapp” button both in top and bottom of the post. Also customize the buttom to look green and have whatsapp icon (Whatsapp Share URL: whatsapp://send?text=The text to share! [Got it from Stackoverflow] )

2) Remove the Classic Facebook like and Twitter tweet button from bottom sharing buttons and also remove the boxed part. Both the sharing buttons present above and below should look nearly the same. Also after clicking “Tweet on Twitter” the share url should popup, not open it in the same tab.

3) “Share on Whatsapp” button should be visible only on tablet and mobile devices but not in desktop devices.

Sir, Can you please help me to customize? If you can just edit the codes and share it with me or I can mail you my login credentials so that you can make change directly from my admin panel if you wish. Thanks in advance

Go to: newspaper/includes/modules/td-module-single.php

Delete ONLY the highlighted portion of text shown inside of the green box, not all of the code in the green box:

Delete from the <a> to the </a> for the last two links to remove the two networks in question.

*** Note that my buttons show differently than the default buttons. I’ve already updated my buttons to remove Pinterest and include Reddit instead. In either case, the final two links in that block of code are the two you need to delete. Those last two in your code should be for Google Plus and then for Pinterest. My updated links are formated identical to the default links, hence showing you them instead of default code.

***** Also note that there are two parts of this and only one is shown. In that same file, this code is basically repeated. One for the top above the code shown in the screenshot, and one block for the bottom sharing buttons, as shown in the screenshot.

Good luck.

WP strips out HTML in the author/bio box (“sanitizes”). This has always been the case. On many sites users are allowed to register, and HTML in ‘bios’ would be additional spam on the ‘author page.’

You have to modify the code, typically with functions.php to enable such functionality. Not theme related, specifically.

Try adding something like this to your functions.php file
in your theme folder, at bottom

//disable WordPress sanitization to allow more than just $allowedtags from /wp-includes/kses.php
remove_filter('pre_user_description', 'wp_filter_kses');

//add sanitization for WordPress posts
add_filter( 'pre_user_description', 'wp_filter_post_kses');

After activating this snippet, the author bios can include p, br, and other HTML tags.

Warning

WordPress sanitizes user input for security reasons, not just to annoy you and make you go on a hunt to find this post to learn how to override the annoying setting.

If you’re considering disabling the WordPress sanitization, make sure you trust your users to not enter potentially harmful content into their profile bios. This includes iframes, forms, and more.

Welcome to WordPress! 🙂

• This reply was modified 11 years by simchris.