- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
Use this code:
$buffy .= '<div class="meta-info">';
$buffy .= $this->get_category();
$buffy .= '</div>';
http://screencast.com/t/yviCJG9uxcV
and add this CSS in Theme Panel -> Custom CSS
.post .meta-info {
display: inline-block !important;
}
Hi,
Should work from CSS, add it in Custom CSS panel
.post .entry-review-stars {
display:none;
}
Thanks!
Hi,
@pixelfreak on a category page it show http://screencast.com/t/fe0SbcAU0Z
on article shows to: http://screencast.com/t/Wn0tzc76P7Ck
On ipad Vertical the space is limited in menu and you have more items, what you can do is to make the menu text and space on Ipad smaller to fit it, try this CSS
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu ul a {
font-size: 11px !important;
}
.sf-menu > li > a {
font-size: 11px !important;
padding: 0 5px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 26px !important;
}
}
Thanks!
Hi,
You want only on post/article, you can change the size from Theme Panel -> Custom Typography http://screencast.com/t/ir7rnuuSIp this will affect entire content font.
If you want only on article you can change it via CSS with this CSS, add it in Custom CSS in Theme panel
.post p {
font-size: 15px !important;
}
Hi
I’ve added the logo as a menu item that comes into view when I scroll down on the page (after following these instructions: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/).
1. However, the image doesnât show in the menu when I zoom in until the category menu button changes from three lines to nine small squares (mobile view). I would like the image to follow in the menu bar when I scroll down on a mobile device, as well.
2. How do I make the menu-image center-aligned? Iâve tried to modify the ‘display: block;’ line in CSS, but with no luck.
Thanks,
Are
It’s done. Thanks for your help @Marius.
You just gave me an idea about how to make the speed booster plugin WAY smarter and better. I can basically make it to move scripts and styles with one click via admin. It’s a lot of work but in the future I will make it like that.
To get the list of registered styles and js, paste this at the end of you functions.php
function td_inspect_scripts() {
global $wp_scripts, $wp_styles;
echo 'registered scripts<br>';
foreach ($wp_scripts->queue as $handle) {
echo $handle . ' | ' . $wp_scripts->registered[$handle]->src . '<br>';
}
echo 'registered styles<br>';
foreach ($wp_styles->queue as $handle) {
echo $handle . ' | ' . $wp_styles->registered[$handle]->src . '<br>';
}
}
add_action( 'wp_print_scripts', 'td_inspect_scripts' );
I also added in speed booster support to easily move js via id: http://pastebin.com/BJEFS0jr
$this->move_js_to_footer('bp-legacy-js');
~ Radu O.
1-) these posts difference is just in different categories but when i do pagespeed test to these their points are different. why is that?
http://silahgalerisi.com/avlanma-ve-avcilik/avcilik-hakkinda-ansiklopedik-bilgiler/ –> (in this some CSS files are on head MOBILE & DESKTOP)
http://silahgalerisi.com/tabancalar/fn-five-seven-tabanca/ –> (in this some CSS files are on head MOBILE)
i deactivated the cdn it’s not about it.
2-) http://silahgalerisi.com/silah-resimleri in that page i’m using lazyest-gallery but when i add the css ids to speedbooster, they are still on header. so i changed the gallery plugin’s functions.php for use these just on /silah-resimleri page but i want to send css files to footer like other plugins which i done with speedbooster đ
Best Regards
@radu
If you want to keep the whole image and not just have a really zoomed in image, then keep td_module_slide_big.php as is, and simply add the following code to your CSS. You can see how it turns out at my testing site: http://www.teabear.com/sandbox/
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
min-height: 190px !important;
}
}
Ok so to clarify my problem.
I want to change the styling of the main title’s on posts and pages. I’m using a font that isn’t included in the theme and a size larger than the default of 40px.
So I added my own h1 styling to the child theme.
So far I’ve succesfully been able to change: The font-face, The font size, the letter-spacing, text-transform and padding.
However, when i try to change the line-height (px or %) or the color nothing happens. The only way I can change these particular elements seems to be within the Theme Panel (which doesn’t go beyond 40px)
There appears to be some default styling somewhere that is stopping me from making these changes. Please could you either point me to the bit of CSS thats affecting this or show me how to change the Theme panel defaults to go higher?
Many thanks!
Hi,
To remove the white space add this in CSS
.td_review_with_bars {
display: none;
}
To move the review box at the end of the post is quite impossible as the social box is rendered directly at the end of the post(in content). I tried from CSS but is not a clean solution, is without space and I’m not sure it works in IE7,8.
http://screencast.com/t/OKsJB6lyKxD
Use this CSS:
.td-review {
display: table-header-group;
}
.socialize-containter {
display: table-cell;
}
Thanks!
Hi,
you cannot use less in child themes easily because the child theme has to have the style in style.css. Are you working locally? If so:
* make a file style.less in the root of the child theme (where style.css is)
* copy less_files folder from the theme to the child theme
* add in style.less @import “less_files/main.less”;
* compile style.less to style.css via prepos http://alphapixels.com/prepros/ (ex: just drag and drop style.less in that program and it will compile it automatically to style.css)
keywords: less in child theme, using less, less compiler
Radu O.
This plug-in(custom css) will work with my/over newspaper theme?
looks great. But how do i move js? Doesn’t seem to have an ID like css does.
You could try adding this to your custom css:
.header-logo-wrap img { margin: -5% 0 -8% 0; }
-
This reply was modified 12 years by
webmaster808.
How can i change the line-height and font-size to something bigger than 40px in the Theme panel?
I’ve tried adding custom H1 css but the line height keeps defaulting to something smaller…?
h1 {
display: block;
font-size: 70px;
line-height: 400%;
letter-spacing: -3px;
padding: 40px 0px 30px 0px;
font-family: "runda", Helvetica, Arial, sans-serif;
font-weight: 900;
text-transform: uppercase;
color: #000000;
}
Obviously 400% line height is over kill, but it doesn’t seem to mater what i put!
Hi Guys,
Could you please tell me how to use the LESS Compiler in my child theme?
I copied the less_files directory as well as the td_less_compiler.php to my child directory.
Then I told the compiler to echo $less->compileFile("less_files/main.less", "child.css") and then I was going to import child.css into style.css.
Then I tried to require_once('td_less_compiler.php') in my archive-blog.php template file, thinking that this would make it so it only compiled when I went to my ‘blog’ custom post type archive. That fails with an error about the include path.
What am I doing wrong?
No i don’t use mod_pagespeed, i’m using WP Super Cache with mod_rewrite and the activated CDN option (i’m using maxCDN for cdn) in that plugin.
In addition Thanks for stars đ
Hi,
I’ve looked at the site and I think that the booster plugin is not working as expected. The resources seem to come from cdn.your domain .Are you using mod pagespeed or some kind of cdn optimizer?
I will try to test the WPSocialite + speedbooster and if it works well we will update the plugin.
PS. Marius is making the stars now for you now – sorry for the delay.
@Christopher – I agree with you, any social sharing badge that shows the number of likes/tweets etc comes with a cost :). There is one solution – to call the like tweets via api on server (like our social counter does) but like the social counter is very hard to maintain and it will have to make server side requests to the apis periodically for each post… that is not good. It’s almost impossible to deploy such such a thing to a lot of users and hosts combinations but I will experiment a bit with this đ .
Radu O.
Hello Radu,
I don’t quite understand your question. I have already indicated where i’ll love to add the labels in the screencasts.
Just so there’s no confusion, i’ll take it from the top.
I’m Using advanced custom fields plugin to create custom fields for my document Category.
I’ve created three fields:
<li>Name of Author</li>
<li>Date of Publication</li>
<li>Name of Publisher</li>
Now ACF Normally posts only the values of the fields to the database and not the Field Names. In a normal post loop i could use echo to display a Field Name Text and then concatenate it with the field value so that my front end would look like this
Field Name: Field Value
due to the $buffy optimisation, i am unable to use echo so i’m looking for a workaround that would enable me add Field Name (Labels) automatically to each Field Value.
Concerning the issue of adding classes to the div, give me the CSS code which you believe will style the solution and i will add it to the CSS.
Like i stated in my last reply, this is a local development server. WordPress installed on XAMPP on my PC, so i can’t give you any link because the site is not live.
I’m looking forward to having this issue resolved and also it takes too long between replies so effectively this issue has taken us four days now. Please see how you can expedite a solution i’d appreciate it much.
Regards,
Effiong
Hi,
Edit td_module_slide_big.php file like here http://screencast.com/t/2PP0ElYr
art-slide-small
Add this in CSS panel:
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
height: 340px !important;
}
}
Thanks for the message!
Hello,
Use this code like here in the header menu: http://screencast.com/t/rHCNGGyJ
<div class="row-fluid">
<div class="span12">
<?php echo td_global_blocks::get_instance('td_ad_box')->render(array('spot_id' => 'header')); ?>
</div>
</div>
Don’t forget to erase the ad code from header-style-1.php http://screencast.com/t/CxXxKXr7MkU
Add this in CSS panel
.td-a-rec-id-header {
left: 0 !important;
text-align: center !important;
}
If not aligned center can be done from CSS
Thanks!
hi,
if you take a look at my email there is a question there : what i donât see in the print screens : where do you add the âlabelsâ? or the labels are automatically added when you get the data?
like a said add classes to the div: $buffy .= '<div>';
http://screencast.com/t/hlHbBQmR4uS
and maybe we can do something from css.
also provide link to the page.
Thanks for you message.
Radu A.
Hi,
You can to hide the menu from sub-footer? or entire sub-footer?
To hide the menu add this in CSS pane:
.menu-footer-container {
display: none;
}
To hide the entire sub-footer add this:
.td-sub-footer-wrap {
display: none;
}
Thanks!
Hi,
Great, thanks!
Please can you add this instead of the latest CSS provided, this will fix that space on iPad Vertical.
.td_mod3 .item-details {
margin-left: 80px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_mod3 .item-details {
margin-left: 80px;
}
.td_mod3 .entry-title {
margin-left: 0px;
}
}
-
This reply was modified 12 years by
Marius.