Search Results for 'css'

This one is very important for the V5,take all that white space out the theme and bring the images more closer…then we using a lot of CSS CODE just to removed it…because all this CSS CODE we using can really put a lot of stress on ur site and slow it down…

Hi Lucian, thanks a lot.

Thanks for helping me sorting out first two issues.

The only issue is about the 3rd one.

I didn’t modify any css. I didn’t delete anything. How can I add “backstrech” function back to newspaper theme?

how can I make sure I am doing it “right”

Yes, we switched Ga-ga.com to Newsmag … and still playing with it in my “spare time” … I have not fully optimized the new theme/site combo, so the old scores and such are not yet “up to speed” as it were.

For the site, we found that it worked a little better to have more of a “magazine” style layout (borders) than the newspaper layout, partly because we have some long form book serials/fiction, and .. well, anyway, YES… Ga-Ga.com is now running on NEWSMAG from the savvy folk at TagDiv. So, Newsmag was the right choice for this particular site, hence the switcheroo.

I have not yet
1) optimized the gravatar local caching
2) optimized fonts
3) minified the main CSS file manually
4) finished the home page; and menus.
5) fixed the logos, as I’m playing with changing logo design since it’s not technically a “done” website; the content there now is “mostly” stuff we’re rescuing from some older sites which are being retired and we’re keeping the good stuff for the new site, which will launch Jan.2015.
6) various other minor tweaks

Work in progress as of 12/12/14. 🙂

• This reply was modified 11 years by simchris.

Hi,

I put your css into woocommerce.css. Now it’s working!

Thanks again, Lucian!

Hi Lucian,

thank you. It’s working when I use the live css tool. But nothing changes when I put it into the custom css section of the newsmag theme. I emptied the cache…

Any ideas?

Thank you,
Carolin

Hi can you check my site
i’ve a big problem with speedtest
and in mobile version the logo doesn’t appears.
Can you help me?

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.milkbook.it%2F&tab=mobile

This is some of file td-speed-booster.php
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
if ($this->is_ie === false and TD_THEME_NAME == ‘Newspaper’) {
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’); //this is the main style of the theme, it depends on td-bootstrap to load
}

$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘woocommerce_frontend_styles’);

//jetpack lost styles
$this->move_style_to_footer(‘jetpack-subscriptions’);
$this->move_style_to_footer(‘jetpack-widgets’);
$this->move_style_to_footer(‘easy-modal-site’);
$this->move_style_to_footer(‘tm_clicktotweet’);
$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘optinforms-stylesheet’);
$this->move_style_to_footer(‘rs-plugin-settings’);
$this->move_style_to_footer(‘teeoptimize-plugin-styles’);
$this->move_style_to_footer(‘boxes’);
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘js_composer_custom_css’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘optimizepress-fancybox’);
$this->move_style_to_footer(‘optimizepress-wp’);
$this->move_style_to_footer(‘optimizepress-default’);
$this->move_style_to_footer(‘flare’);
$this->move_style_to_footer(‘flare-oswald-font’);

/**
* move javascript to footer
*/
$this->move_js_to_footer(‘themepunchtools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘teeoptimize-plugin-script’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-noconflict-js’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-placeholder’);
$this->move_js_to_footer(‘optimizepress-fancybox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘easy-modal-site’);
$this->move_js_to_footer(‘contact-form-7’);
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘placeholder’);
$this->move_js_to_footer(‘tp-tools’);

}

Some updates:
I changed background picture, made it bigger, but the problem was still the same with logo. The reason was margins in updated css file, they changed for logo depending on resolution, when i switched those margins to 0, the problem disapeared.

I also put social buttons to a separate div.

For now, i still have problem with logo in mobile view. There is just no logo there and header looks weird. It seems these things are related to each other. Can’t find on my own why is that..
And i still have a question about why is sidebar located after content part on mobile phones? Why i can see only left part of footer on mobile phones? Is it how the theme works or something else?

Best bet is to render page then figure out what the div class is for the form and then add some padding to that div class from the theme custom css box. I had to do this for disqus comments which had same problem with 1.0 version of Newsmag.

I solved this problem. If someone helps do this:

In style.css change Post template 4 code with:

/* ----------------------------------------------------------------------------
Template 4
*/
.td-post-template-4 header {
position: absolute;
bottom: 0px;
}
.td-post-template-4 header .entry-title,
.td-post-template-4 header .td-post-sub-title,
.td-post-template-4 header .meta-info,
.td-post-template-4 header .entry-date,
.td-post-template-4 header .td-post-author-name a,
.td-post-template-4 header .td-post-comments a {
color: #ffffff;
}
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29px;
margin-top: 7px;
margin-bottom: 5px;
position: relative;
right: 2px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1023px) {
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29;
}
}
@media (max-width: 767px) {
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29px;
right: 0px;
}
}
.td-post-template-4 .meta-info {
margin-bottom: 16px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .meta-info {
margin-bottom: 10px;
}
}
.td-post-template-4 .entry-thumb {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
transition: box-shadow 0.2s ease-in-out 0s;
padding-bottom: 0px;
margin-bottom: 0px;
}
.td-post-template-4 .entry-crumbs {
top: 0px;
padding: 15px 0px 15px 0px;
}
.td-post-template-4 .td-post-header {
width:680px;
padding-top: 0px;
border-bottom: 0px;
}
.td-post-template-4 .td-post-sharing-top {
border-top: 0px;
border-bottom: 1px solid #e6e6e6;
}
.td-post-template-4 .td-post-featured-image {
min-height: 200px;
background-color: #444444;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-featured-image {
min-height: 182px;
}
}
.td-post-template-4 .td-post-featured-image .wp-caption-text {
bottom: 0;
color: #FFFFFF;
position: absolute;
right: 0;
margin-right: 20px;
max-width: 400px;
height: 17px;
overflow: hidden;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-featured-image .wp-caption-text {
display: none;
}
}
.td-post-template-4 .td-post-content {
border-top: none;
margin-top: 0px;
padding-top: 14px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-content {
padding-top: 10px;
}
}
.td-post-template-4 .td-post-sub-title {
font-size: 16px;
line-height: 26px;
border: 0px;
padding: 0px;
}


In single_template_4.php delete all and paste this:


<?php
// Template 4 - post-final-4.psd - full image + overlay full title
//get the global sidebar position from single.php
global $loop_sidebar_position;

}
?>
</div> <!-- /.td-pb-row -->
</div>
</div> <!-- /.td-container -->
</article> <!-- /.post -->


Now, go to the Theme panel in Post Settings activate Post style 4.

Good luck 🙂

what if i directly add this code: <?php do_action(‘contentad’); ?>
to loop-single-7.php or comments.php?

is there any easier way to do it? i am familiar with css and html but not php, please help!

what kind of custom css? i’m beginner