Some Questions About New Theme

Posted in: Newspaper
Post count: 108

I have some questions here, and instead of posting them all in different questions, I’ll just post them in one large question:

My website is: http://www.livelovefruit.com

1. How do I erase the excess pink space from the top of footer to snap closer to logo and same with bottom of footer to snap closer to social icons?

2. How do I make the social icons in footer menu a bit bigger? And how do I make the hover colour on those icons a solid purple colour instead of the colours constantly changing?

3. Chris’s Pagespeed Custom Code no longer works (the one that you post at the end of the functions.php – will he be coming out with a new one that works with Newspaper 6?)

4. How do I move the bottom share options (at the end of my posts), above my taboola advertisement so that they appear right at end of article?

5. Is there a code so that my custom ad 1 will appear underneath (or above) the author box?

Thank you kindly! Newspaper 6 is awesome!

Post count: 10

1. How do I erase the excess pink space from the top of footer to snap closer to logo and same with bottom of footer to snap closer to social icons?

I think those areas have some padding due to the possibility to include some ads in those spaces. It looks like the height of the footer is hardcoded to be 1164×389. It is element ‘td-footer-wrapper td-footer-template-4’. You could change it in your style sheet.

2. How do I make the social icons in footer menu a bit bigger? And how do I make the hover colour on those icons a solid purple colour instead of the colours constantly changing?

The footer social media icons are designed to be 40×40. You’d have to change the styles too. Look at the following elements in your CSS: td-social-style-2 and td-icon-font. If you’re going to make several edits to the stylesheet, consider making a child theme.

3. Chris’s Pagespeed Custom Code no longer works (the one that you post at the end of the functions.php – will he be coming out with a new one that works with Newspaper 6?)

Have you upgraded to v6.1 of the theme?

4. How do I move the bottom share options (at the end of my posts), above my taboola advertisement so that they appear right at end of article?

Go to your dashboard. Theme Panel>Post Seetings>Sharing. You should see toggles to move the social sharing buttons.

5. Is there a code so that my custom ad 1 will appear underneath (or above) the author box?

I’m not sure if it always inserts it below ads. I think the author box is placed there via the posts template. You can attempt to mess with the posts templates to see if another one places the author box higher. Go to dashboard. Theme Panel>Post Settings>Default Post Template.

Post count: 9544

Custom code still works for adding to end of your functions.php file; however this one element might not, with NP 6.1 (not yet tested by myself at least):

add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}

function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);

the other things I have for functions.php are to impact WordPress, and *not* the theme itself, and so work with *ANY* theme.

Hope that helped ! 🙂

Post count: 108

Hey Chris!

I wish that helped 🙁

Whether I remove that part of the coding or not, still doesn’t work on either 6.0 or 6.1

This is what my theme looks like before (a snippet preview): http://www.screencast.com/t/9vZGZQ6XaHer

This is what it looks like after (another snipper preview – but the whole theme goes completely berzerk): http://www.screencast.com/t/NxRY3lXBZ15t

Post count: 108

Or wait, does CSS minifcation need to be done *after* we add your code? Because I did minification first, and then modified the functions.php file.

Post count: 1291

Hi,

1) Try the following css:

.td-footer-template-4 {
padding-top: 5px;
padding-bottom: 0px;
}
.td-footer-info {
margin-bottom: 5px;
}

2. Try the following css:

.td-footer-info .td-social-style-2 .td-icon-font {
font-size: 20px;
}
.td-footer-info .td-social-style-2 .td-icon-font:hover {
color: red;
}

4. The easiest solution would be to disable automatic positioning on taboola and look on their documentation (i suspect you use a plugin for it) for a shortcode, then use the do_shortcode() function to place it on the desired location inside the post template files (loop-single default and 1-11). – https://codex.wordpress.org/Function_Reference/do_shortcode

5. You have to add it in each post template file like this – http://screencast.com/t/nAaP3gTWp

<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>

Thank you!

  • This reply was modified 11 years by Emil G.
  • This reply was modified 11 years by Emil G.
Post count: 9544

FYI
adding stuff to end of functions.php has nothing to do with the CSS.

You might try adding only the stuff you need from my suggestions functions; and make sure you copy/paste properly to not chop something off — also remember to turn off clear any caching when making changes to your CSS and other files so that any caching save new versions.

What you can do is only copy the stuff you may need to bottom of your functions.php file; such as the item for jpeg compression, the items to hide the ? query variables in the meta data …

I don’t think there is anything in my suggested items for functions.php which would impact your menus.

If you’re using Visual COmposer for posts, then you would not want to include that section from my suggested functions.php stuff.

In any case, it might be something else entirely per Emil’s post. The functions work fine for me on NP6.

Post count: 9544

And you don’t want to do CSS minification on the functions.php file … it’s not a CSS file.

CSS / style.css = styles for the HTML (fonts, colors, sizes, layouts for theme)
functions.php = code used to modify how WordPress works.

  • This reply was modified 11 years by simchris.
Post count: 108

Thanks Emil! The number 5 function didn’t work, but I changed it to “article bottom ad” and replaced the taboola script into the loop-single file below the article sharing function and that worked. Now I just need to figure out how to get the article bottom ad above the author box – you don’t happen to have another function that works for that, would you?

And Chris – thanks for the suggestion. I wasn’t minifying the functions.php file, I minified the stylesheet, and didn’t know if I was supposed to do that before or after modifying the functions file – but as you say, they aren’t related, so that rules out that!

Thanks!

Post count: 7909

Hi,

Unfortunately you will need custom work to move the bottom ad above the author box as it is apart of post content – http://screencast.com/t/78WC2EAv A solution to place the ad above the author box is to use a custom ad like Emil suggested above. Paste the code in a custom ad in Theme Panel > Ads > custom ad – http://screencast.com/t/JFsT6hi5o and use do_shortcode function to place the custom ad above author box – http://screencast.com/t/E1euKrXjuEhttp://screencast.com/t/HrDZYbvl9rr

<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>

Result: http://screencast.com/t/87OS4SszJVAG

Hope this helps!

Post count: 108

Thanks Alin – your shortcode works. The one Emil posted didn’t work (not sure why). Thanks again everyone for all the help. And Chris – your code magically works now for some reason.

Viewing 11 posts - 1 through 11 (of 11 total)
You must be logged in to reply to this topic.