Docs

[Biggelino]

Hey lovely support team,

I have the following issue:

1. http://www.vaingloryleague.com/news – news will be displayed and the featured image as well
Once clicked on the news post (e.g. http://www.vaingloryleague.com/vgl-challenger-series-split-2/) the featured image is really big at the top of the article and with a colored background.

Might an easy fix but I couldnt find it yet.

Thanks for your help in advance!

2. How to add, next to the Twitter and Facebook footer logo, a Twitch logo with a link? If it would be too much work, I would just take out the facebook and twitter and insert three linked icons so they all match in style? (I hope that was understandable)

3. How to remove the tiny little blue house (circled here: http://prntscr.com/dzszuo)

THANK YOU :)!

[Jade]

Hi there,

Please add this code in the customizer:

.single-post .entry-featured {
    width: 60%;
    margin: 0 auto;
}

.single-post .x-breadcrumbs-wrap {
    display: none;
}

To add Twitch to the social links, try to add a link to the Google + option in the customizer then add this code in the CSS customizer:

.x-icon-fa-google-plus:before {
    content: "\f1e8";
}

Hope this helps.

[Biggelino]

.x-icon-fa-google-plus:before {
    content: "\f1e8";
}

The above one sadly does not work, I exactly did as you said. Is there a different solution?

Thank you in advance!

[Thai]

Hi There,

Please try with this CSS:

.x-icon-fa-google-plus:before {
    content: "\\f1e8";
}

Hope it helps 🙂

[Biggelino]

Mh… somehow not. Attached screenshot below. I saved it, reloaded – no changes.

http://prntscr.com/e08fad

Sorry for the circumstances!

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[Biggelino]

This reply has been marked as private.

[Biggelino]

This reply has been marked as private.

[Darshana]

Hi there,

Please let us know once you complete the server migration.

Thanks!

[Biggelino]

This reply has been marked as private.

[Lely]

Hi There,

For footer icons use this code instead:

i.x-icon-google-plus-square:before {
    content: "\f1e8";
}

Then add http://www.twitch.tv/vaingloryleague on the textfield for Google + Profile URL.
It would be better if you will setup a child theme and then add the code on your child theme styles.css file. The customizer will strip the backlash everytime you save.
Unforunately, for Discord Icon we need to use an image. Upload it on Media Library and share us the URL.

To make the featured image background transparent, please use this:

.single .entry-thumb {
    background-color: transparent;
}

Hope this helps.

[Biggelino]

This reply has been marked as private.

[Jade]

Hi Tom,

I tried checking on your site but it seems to be down at the moment.

Kindly let us know when it’s back up so that we could check.

[Biggelino]

It’s back up, sorry about the trouble.

[Lely]

Hi Tom,

For the hover color for the Twitch, please use the following code:

.x-social-global a:hover.google-plus {
    background-color: #6441A4;
}

I am able to upload Discord icon. Let’s use foursquare icon text field for the Discord. Add the link for Discord on the foursquare text field. Use the following CSS:

.x-social-global a:hover.foursquare {
    background-color: #7289DA;
}
.x-colophon.bottom .x-social-global a.foursquare {
    position: relative;
    top: 20px;
}
i.x-icon-foursquare {
    background: url(http://www.vaingloryleague.com/wp-content/uploads/2017/01/discord.png) center no-repeat;
    width: 29px;
    background-size: contain;
    height: 29px;
    margin-top: 11px;
    margin-left: 11px;
    position: absolute;
    top: 2px;
}
i.x-icon-foursquare:before {
    content: '';
}

Hope this helps.

[Author]

Posts