Search Results for 'homepage'

Perfect! Thanks. The homepage links work now.

BUT…. what if we want to make it a little more customized? Like this…

1. The share links on the homepage (Twitter & FB) should add UTM params – https://share.america.gov/?utm_source=shareamerica&utm_medium=homepage&utm_campaign=list — replace “https://share.america.gov/” with the full URL of the article and put today’s date in there too

2. The share links on the individual post for the similar articles (Twitter & FB) should add UTM params – https://share.america.gov/?utm_source=shareamerica&utm_medium=postpage&utm_campaign=similararticles-YYYY-MM-DD : replace “https://share.america.gov/” with the full URL of the article

3. The share links on the individual post for top share buttons (Twitter & FB) should add UTM params – https://share.america.gov/?utm_source=shareamerica&utm_medium=postpage&utm_campaign=sharetop-YYYY-MM-DD : replace “https://share.america.gov/” with the full URL of the article

4. The share links on the individual post for botom share buttons (Twitter & FB) should add UTM params – https://share.america.gov/?utm_source=shareamerica&utm_medium=postpage&utm_campaign=sharebottom — replace “https://share.america.gov/” with the full URL of the article

Can this be done?

Thanks,
David

Any News?

So, one aspect of “responsive” design (good and bad), is that it’s better to load a 25kb image once than load the 25kb image once and the 12kb image together and switch those out on viewport. Better to load the 25kb image ONCE, then resize to fit the aspect you’re looking at when you look at it.

I agree it’s best to load the image only once. All I’m saying (and is what I believe Google Pagespeed is saying) is that we should request the version of the image that is best fit to the screen at it’s current orientation, and then if the device changes the viewport, the image will be resized locally, which is essentially what newspaper does now at a certain level.

For example, if I load my homepage and resize the browser window down to 767 pixels, I see this image which is only 326px wide being displayed at over 700 px wide WITHOUT reloading the image, as seen in the screenshot below, second image down:

Does that make sense? If someone really was bothered by the pixelated images, they’d probably realize that they could simply re-orient their device to how they loaded the page or simply reload the page. It seems terribly inefficient to me to have every single person download a high-resolution image on the off-chance that they will flip from portrait to landscape while viewing the page…

The other benefit of using the larger image is for retina/HD displays on a mobile device which have higher pixel count than desktop; so again, if you do the pixel math, a 700×500 image on a screen with double the pixel count, loaded half size, would still provide the same number of pixels when shown half size — without having to load alternate retina/HD version of image or use “image stacks.”

I agree, it does look nice on “Retina” phone screens, which is why I disabled my retina plugin on mobile devices. I think it would simply be a better solution to have Newspaper serve a 300 px wide image, and then allow the retina plugin to substitute the @2x version, rather than serving everyone the hi-res image.

Doesn’t that seem more efficient?

Hi Lucian,

We finally lifted the password off the site and made it public today… https://share.america.gov/

As we discussed before… The facebook “Share This” link is still not working on the homepage. But, it works great on all internal pages. We are still using the td_module_6.php file.

Please help!

Thanks
David

Ok, in the first case using css can you tell me how to add different background for two block 4 (like the first one is green and second is blue), i try to do that but it always change colour to every block 4 on my homepage :/

devs. reply:

.page .td-page-wrap .td-grid-wrap{
padding-top: 5px;
}

thank you. And for footer ?

• This reply was modified 11 years by cstyn.

* Shows that bug if you have a long title. Checked with short titles, no issues, just with long ones.

I wait from devs for a proper code (header and footer).

Also, noted in opera a bug, with or without a code.

http://i61.tinypic.com/mlgso4.png

In breadcrumbs if you have a subcategory, the breadcrumbs will go up as in the screen. (I have a red colored menu and DEFAULT SITE POST TEMPLATE style 5)

The team doesn’t work on weekends.

Some of the gaps would be resolved via this CSS:

.td_block_big_grid {
  padding-bottom: 0px !important;
  }

.wpb_row {
  margin-bottom: 0px;
  }

Adjust px as desired.

The horizontal gaps are harder to remove because they’re part of the entire grid layout. I would recommend not bothering, but if you really have to, you could play with these values…

.td_block3 {
  margin-left: 20px;
  }

.td_block3 .span4 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

Use .home .td_block3 and .home .td_block3 .span4 if you only want these to affect the homepage.

TagDiv support can probably help you with the ads; I can’t.

If you want that space between the grid and the footer to be removed, don’t add padding on top of .td-footer-wrap! Use a negative margin for .td-grid-wrap. The extra space probably comes from .wpb_row .row-fluid in your image (used for blocks and modules and such), but adjusting that would adjust all the rows.

/* Using specific sides to avoid changing side padding */
  .td-page-wrap .td-grid-wrap {
  padding-top: 20px !important;
  padding-bottom: 120px !important;
  }

Using for footer high values is creating more space… adding negative, does not make any change…

• This reply was modified 11 years by cstyn.