- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
I’m not sure what are you trying to achieve. You can have the featured image stretched to full screen width by setting the posts style 4 and making sure you don’t use any backgrounds to your site because in that case your site layout will become boxed and the full width image won’t work. You have to make sure you have an full-width layout, in that case you will have the post page when using style 4 looking like this: http://screencast.com/t/mugp3VZo
Make sure you remove the background image and color from theme panel like this: http://screencast.com/t/Vc8Zd1gzAbS
Also this feature image will be available only on post pages when using post style 4, if you want to use something like this on pages try this method: https://forum.tagdiv.com/topic/full-width-image-header-on-hompage/
Regarding the slider/bigslider full width, you can try to have this via css but the sliders had not been designed to work like that and I don’t know how will respond, you can give it a try or hire a freelancer to do it for you if you don’t know how.
Hope this helps!
Thnaks
Hi,
Yes please remove the height you have set before and just use this custom css instead, I have tested it and should solve your issue:
.upme-column-wrap {
display: inline-block;
}
.widget_text {
margin-bottom: 0px !important;
}
Thanks
You would copy just the code you need. Doubling the whole functions.php in parent and child themes tends to generate errors and give you a white screen of death.
But sadly it’s not quite that simple. The line you added is part of another function in the parent: td_load_css. To alter it, copy the whole function you’ve edited into your child theme’s functions.php. You’ll know it’s the end because you’ll see this line:
add_action('wp_enqueue_scripts', 'td_load_css');
Don’t include that.
Now rename your new copy like this:
function my_td_load_css {
...
Then you need to unhook the original function and hook your new one in by adding these lines after the function:
remove_action('wp_enqueue_scripts', 'td_load_css');
add_action('wp_enqueue_scripts', 'my_td_load_css')
Let me know if it doesn’t work!
-
This reply was modified 11 years by
TheMediumUTM.
@Steven Thanks for the advice, I will visit the speedbooster forum.
One question for you left, what is the best way to find out which JS and CSS files are used in a specific part of the theme (for instance the header menu)
JBH
@JBH glad you get some good so far out the plugin,well you just have to look for those JS & CSS files and exclude them as well..at this time i can’t tell you which files those are because i’m not having those issues, speedbooster is working great so far and i did not had to exclude any files of mine..have you update the speedbooster to the latest version because the author made a lot changes in the plugin since then…but my advice will be go to the wordpress website and post in the support forum for this speedbooster plugin the author will help you much better then me…
Actuall I know nothing about css or anything so I’m gonna leave it as it is.
I tried .abc { position:absolute; top: 0px; left: 0px; right: 0px;} but still useless.
I can do it myself I need codes that I should insert and done! 😛
Hi mehedi, Lucian,
Thanks for support.
Everything OK after insert feature images.
But, hat post is a infographic images, if used feature image, that post very bad.
How can fix by css custom?
if can not fix by css, i will use template 3 for infographic.
Best regards,
I think the admin panel uses the default fonts of WordPress which are now Open Sans. You should be able to just delete the one block having to do with writing the google fonts into the head of the document, which have nothing to do with the admin interface fonts.
Hmmm….. v4 changed some stuff for more loops ….. hm…..
try only commenting out line 48 in functions.php
// wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700'); //used on menus/small text
TagDiv support is very helpful and patient and gave you the uncomment get_author advice a couple of times… the rest is just stuff I’ve learned by reading the files and some PHP and CSS tips when I was in your position two weeks ago. You don’t need everything spelled out for you :p
For positioning CSS elements you have a few options. The way the comments and views are done is by using position: absolute;, which allows you to specify the distance from the edges of the container by using top: 0px;, left: 0px;, and so forth. Your div’s class could use something like that.
I did pretty much the same thing; basically using the Gill Sans stack; and simply replaced the stacks in style.css. I didn’t need to change the loop files, since I think those call the “default” font, so if you change that in styles.css I think all you need to tweak each time the theme is updated is just functions.php and styles.css and leave rest alone (unless I’m wrong … ) 😉
Hi,
I’ve decided to use a custom web safe font stack and edited td_fonts.php to add the new fonts, then replaced every instance of non web safe fonts in style.css. Also I’ve made sure that no google fonts, or type kit fonts are shown, and all the theme panel > Custom typography fonts are set to default.
When the web page is loaded all the titles etc are the web safe, however in the source code the old fonts are still being called:
<link rel=’stylesheet’ id=’google-font-rest-css’ href=’http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.2′ type=’text/css’ media=’all’ />
I’m not using a caching plugin, and the browsers are not loading a cached version yet this still happens. Do you know where this stylesheet is being loaded from? And is there anyway to prevent it from being loaded it?
Many thanks for any advice!
All solved! The conflict was with the w3 cache, if someone has the same issue, go to the documentation! 😉
solved the search problem, but the affix I´m still working it out!
The Speed Booster Pack somehow broke the js on the site, now the search and the affix are not working! I´d excluded those files mentioned above! But most likely I did touch something that I shouldn’t.
Also had trouble with css, but that I fixed it. With js I´m lost, wherever I did, didn’t solve the problem. Which files should I upload from the backup to fix it?
I also have w3 cache plugin
-
This reply was modified 11 years by
diegobianco.
I tried doing it and it works as expected but I messed things with my css. I need the css to do it like the demo image I’ve provided. 🙂
Waiting…
This was just what I needed. Works perfectly but designing the css will be difficult task for me. It already has a span class and display in the middle not right or left.
Lets see if the theme MAKERS can help! Thanks to TheMediumUTM
I’ll be digging into it tommorow!
In a child theme, copy and edit the single_template_#.php that you’re using for your posts. (Note that for template 1, this is in loop-single-1.php instead.)
Near the top you will find a series of lines like this:
<div class="meta-info">
<?php echo $td_mod_single->get_category();?>
<?php //echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo $td_mod_single->get_commentsAndViews();?>
</div>
Try turning them into something like this:
<div class="meta-info">
<?php echo $td_mod_single->get_category();?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo get_avatar($post->post_author, '40');?>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_commentsAndViews();?>
</div>
Notes:
1. If you don’t have a child theme yet, you can test this in the theme editor by changing Newspaper’s own files, but make sure you backup the file
2. ’40’ is 40px, the width and height of the avatar image. Change to whatever you want
3. I haven’t tested the get_avatar function with an author ID — in the tagDiv files the parameter is the user email. If it doesn’t load the avatar, replace $post->post_author with get_user_by('id', $post->post_author)->user_email or something similar
4. You can style the avatar and user name to be right aligned by looking at the comments and views css and imitating that. Try echoing a <div> with a class like my_author_meta around those two echo statements, and then style that in the custom CSS panel
Just a thought and not tested. Let me know how it works.
Hi,
Please use this custom css in theme panel > custom css field for the social icons:
.td-social-wrap .td_mod_wrap {
text-align: left !important;
}
Please provide more details or an URL to your site an point me where I can find the subscribe box.
Thanks
Hi,
You can use a plugin like Advanced Custom Fields. You can make it in a similar way like shown here: https://forum.tagdiv.com/topic/function-to-hide-ads-and-function-to-show-author/#post-8993
Or you can use css to hide the ad box on the pages you want using a custom css http://screencast.com/t/YWDlx6Ih79 similar to this:
.postid-4228 .td-a-rec-id-content_top {
display: none;
}
Hope this helps!
Thanks
Hi,
@webjump
Please use this css, should affect the widgets on all pages: http://screencast.com/t/UgNZ0HFU
.widget_sp_image {
margin-bottom: 30px;
}
@Shashank Shekhar
That is a feature within the theme and you can add from theme panel, like this: http://screencast.com/t/ygUNK6RI9e
Thanks
Hi,
I’m not sure how you have added that author box using the text-widget right, from what i have noticed the text-widget which contains the author box is just at the top of the page and dose not stretches to contain the whole author box and the widget from below it’s stretching above the author box, that is why the author box it’s not clickable, you can see this here http://screencast.com/t/dyzhdJJ95t5j
Make sure you have added the widget right, also please make a screenshot of your code added in the text widget and send it, it could help me understand what happened.
You can try to use the css from below to remediate this but I suggest you find what the cause of this and remediate instead using the css to make it right.
.page .span4 .widget_text {
height: 605px !important;
}
Hope this helps!
Thnaks
Hi Lucian,
I placed the code on top of the custom css list and it worked charming!
Thanks for your patience and help again!
JB
Hi,
Please add this css:
.td-a-rec-id-sidebar {
margin-bottom: 0px;
}
Should work like this: http://screencast.com/t/EhBooaJPaWn
Hope this works!
Thanks
Hi,
Please use this css:
.page .span4 .td_block_wrap .td_mod_wrap .item-details .entry-title a {
font-size: 14px !important;
}
Should work: http://screencast.com/t/JkvrJDTjmSI9
Thanks