[RadModerator]

Hi there,

I think you shouldn’t center your content by adding

.post .entry-wrap {
 margin-left: 90px; 
}

This create static space no matter device it viewed in.

It should be something like this.

.post .entry-wrap {
max-width: 600px;
margin: 0 auto;
float: none;
}

This will create enough space for larger screen resulted from 600px width. And automatically reduce space when viewed on small width.

About questions for #89060, would you mind posting the whole source code? Please provide an ftp login if possible. These templates aren’t view-able in admin theme editor.

2# I can only see is one line per row ( with one on top for first row ), the other was audio’s box lines. Would you mind providing a screentshot pointing what lines should be removed?

3# Not possible with css. But yes, still doable, just edit the image by any photo editor and change its color.

4# Possible by custom development, but we can’t cover header modification as it will bring more errors to the layout. You may contact a developer to do some fitting for your site 🙂

Thanks!

[new_wpParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

You need some CSS codes.I didn’t find where it is.
Would you give us the specific url of a page you want to make these changes?

Thank you.

[new_wpParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hello there,

Please add the code below into Customizer -> Custom -> CSS to center social media icons and remove those borders:

.x-entry-share {
	margin: auto !important;
	border: none;
}

For the front page, you need to add the same thing to wp-page with a little bit change:

<?php 

if (is_front_page()) {
	echo do_shortcode( '[share title="Share this Post" facebook="true" twitter="true" google_plus="true" reddit="true" email="true"]' );
}

?>

Hope it helps.

[new_wpParticipant]

Thank you for your help. Do I add the below code to the home page’s text editor? In Reading Settings I have no Front page selected, instead I have A Static Page>Posts Page>Home

I still can’t get those all the social media icons to show up on the home page. Thank you!

<?php

if (is_front_page()) {
echo do_shortcode( ‘[share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” reddit=”true” email=”true”]’ );
}

?>

[RadModerator]

Hi there,

After reading, You want to have the same social sharing from single post to your home page posts?

If yes, then edit this file /wp-content/themes/x-child-ethos/framework/views/ethos/content.php

and replace this

<?php if( !is_single() ) x_portfolio_item_social(); ?>

with this

if (is_front_page()) {
echo do_shortcode( '[share title="Share this Post" facebook="true" twitter="true" google_plus="true" reddit="true" email="true"]' );
}

Cheers!

[new_wpParticipant]

I’ve tried adjusting the content.php and reuploading a number of times.

I’ve replaced this <?php if( !is_single() ) x_portfolio_item_social(); ?> with either of the below and now there are no social icons. Is the code you listed correct?
_________________
<?php if (is_front_page()) {
echo do_shortcode( ‘[share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” reddit=”true” email=”true”]’ );
} ?>
_______________
if (is_front_page()) {
echo do_shortcode( ‘[share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” reddit=”true” email=”true”]’ );
}
_________

[RadModerator]

Hi there,

Try replacing is_front_page() with is_home(), and clear your cache.

Thanks!

[new_wpParticipant]

Thanks, that worked great!

[RadModerator]

Great to hear that! You’re welcome 🙂

[new_wpParticipant]

Sorry, yet another question about social media icons. I’ve been using the code below (entered into CSS) to insert icons I’ve uploaded. Facebook, Twitter…etc work great, but I’m having a problem replacing the 2 below. I’ve checked my code a bunch, seems like everything should work. I’ve tried clearing my cache and even used another web browser to view it but still unable to change to the new icon I’ve uploaded a photo here http://prntscr.com/4fvdt6 Thank you.

.x-icon-envelope:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/Email-Icon-e1408853949700.png);
}​

​.x-social-google-plus:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/Google-plus-Icon-e1408854016931.png);
}​

[ChristianModerator]

Hey there,

We don’t see the CSS implemented. Are you using a caching plugin? If so, please clear all the cache. Clearing the browser cache won’t work if the server serves a cached page.

Thanks.

[new_wpParticipant]

I don’t have a cache plugin. The CSS works for other social media icons but not the ones above. Do you know what I can do?

I’m trying out different icons now, so the image url has changed, just wanted to mention so it’s not confusing.

​.x-icon-envelope:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/EmailD.png);
}​

​.x-social-google-plus:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/GooglePlusD.png);
}​
Thanks

[RadModerator]

Hi there,

You have special characters added with your css.

&#8203 is encoded in Unicode as U+200B zero width space. Pleas remove these spaces.

&#8203.x-icon-envelope:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/EmailD.png);
}&#8203

&#8203.x-social-google-plus:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/GooglePlusD.png);
}​
​.x-social-instagram:before {
content: url(http://www.cohlkids.com/wp-content/uploads/2014/08/Instagram-Icon-e1408852870754.png);
}​

Thanks!

[Author]

Posts