Search Results for 'css'

Yeah … I’ve been moving all our news network sites to https with “Let’s Encrypt” and we’re going to be beta testing http/2 on our server for the speed-demon-who-needs-CDN-not-me-buddy effect :-).

I don’t use the speedbooster anymore since I tend to manually hack stuff to move to footer anyway, merge files, and then put critical css in header. SO, I’m more into doing that vs the plugin. Also been cheating a bit with the simple “scripts to footer” plugin which plays nice with our sites at the moment.

Also it turned out finally going from Newsmag 1.7 (ahem!) to 3.1 made huge difference in being able to use the tagdiv beta composer. So, with the 3x, scripts to footer, basic house cleaning, and the tagdiv composer, that is one huge giant jumpstart right there … newspaper a bit more clunky but serves more masters!

Right now I’m still embroiled in the nightmare that is working with google for http > https, notifying Google News, mysql search/replace crap, etc. — WAAAH!

Anyway — have not myself yet gotten to playing with php 7. Just switched on new server Aug 5, so still doing house cleaning on stuff in prep for new version of mod_pagespeed (we crashed last version due to some issue where it didn’t like missing images, and with server crash we borked some stuff, so now need to add stupid htacess rule to redirect missing jpeg to default jpeg just to get mod_pagespeed to work …)

but I digress … as per usual :-0

If not adding your own version to bottom of style.css, and using theme panel, you may need to put !important on some items to force over-ride due to how CSS works.

Pretty simple CSS fix; using the Chrome “inspector” is super useful to highlight and ID what CSS is used where.

You can also find it in the main theme style.css under a notable section for “quote”

I changed mine to this on one site by example:

.td-page-content blockquote,
.td-post-content blockquote,
.mce-content-body blockquote,
.comment-content blockquote {
padding: 0;
position: relative;
border-left: none;
margin: 42px 0 38px 0;
}
.td-page-content blockquote p,
.td-post-content blockquote p,
.mce-content-body blockquote p,
.comment-content blockquote p {
font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Dejavu Sans",Oxygen-Sans,Ubuntu,Cantarell,Arial,arial,sans-serif;
font-size: 20px;
line-height: 30px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}

hope that helps 🙂

NEWSMAG Theme is “responsive,” it’s mobile friendly by design. There is no “mobile” plugin or theme.

Responsive design “resizes” and changes CSS depending on the viewport, or device size viewing the site.

You can sort of demo this by dragging in right side of your browser window to make it more narrow and see how it changes.

I decided to go the css way and fixed the grids.

I’ve tested it with the ones I’m going to use: Big Grid 3, 4 and 6. Not sure if the others work.

Here is the css code if anyone has the same problem.

.td-big-thumb .entry-thumb {
height: 100%;
width: auto;
}

.td-medium-thumb .entry-thumb {
height: auto;
width: 100%;
}

.td-small-thumb .entry-thumb {
height: 100%;
width: auto;
}

This css fixes some block problems as well.
.td-module-image .td-module-thumb .entry-thumb, .td_block_14 .td-module-thumb .entry-thumb {
width: 100%;
height: auto;
}

Great stuff. Thanks! Pagespeed has stopped moaning about the images now.

Which actually raises another question. Is there any way to obtain the unadulterated CSS files for the theme so that I can split out the critical, above the fold stuff and defer the rest? I have had some luck reverse-engineering it and managed to get the pagespeed score up from 70/100 to just over 90, but with a couple of minor glitches. removing the render-blocking CSS makes an astonishing difference.

Hi tagDiv,

We are using the demo and can access css. The request is more about the automatic feeds for the posts that you are bringing into the site.

Can you please provide that information, or recommendation?

Thank you!

Hey Bodan – Thanks for the reply.

1. How many Cores and Ram? (have you had any experience with SiteGround hosting and their Cloud product?)

3. I have the CloudFlare Pro account – Do you use Raygun or any of the apps?

4. Using Cloudflare – I have Auto Minify selected and cleared cache… waited 5 minutes and ran the Google PageSpeed Insights again.. It’s still giving me a notice to Minify JavaScript and CSS.

CloudFlare:
http://screencast.com/t/j6WFHFtg

PageSpeed Insights:
Desktop: http://screencast.com/t/XdElIZtGpARa
Mobile: http://screencast.com/t/ppziQw0W58lW

5. Have you had any experience with WordFence Security?

Best,
IC

• This reply was modified 9 years by InstallationComplete.

The code in my Theme Panel is the one below. But it didn’t work for mobile theme custom css.
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6 {
background-color: #008CBA; /* Blue */
border: none;
border-radius: 0;
color: white;
margin: 3px 3px 3px 3px;
text-align: left;
text-decoration: bold;
display: block;
font-family: helvetica;
font-size: 18px;
}

Hi Bogdan,
Thank you for the explanation on the related articles, and the CSS code for #2 works.
For the menu bars, I apologize for the confusion. I am referring to the 3 lines on the left side of the header/menu.

It seems you didn’t get what I am saying. On Theme Panel I changed the look of h2 to h6 (font color, size, add icon and others). I made use of a custom css with
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6
but When I used same thing as above in mobile custom editor it didn’t work. But I can see the mobile has h2 to h6 configurations.

So how can I customize the h2 to h6???

Ohhhhh I have to remove <?php comment_date() ?> as well to get rid of both the date and time. Thanks.
Pls I will like to customise the H2 to H6 in post area of the mobile plugin. I want to use CSS but i don’t know the class of h2 to h6 on mobile