[CristianParticipant]

Hello,

I see that my banner has a top margin and i dont know how to delete it.

[CristianParticipant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello Cristian,

Thanks for writing in!

1) To remove margin from banner kindly use following CSS under Custom > CSS in the Customizer:

p.p-info {
    margin-top: 0 !important;
}

2) Request you to kindly elaborate more on background part.

Thanks.

[CristianParticipant]

How can i add a background like this to my existing banner? http://createheaven.com/wp-content/uploads/2015/05/bg1.jpg

Thank you

[CristianParticipant]

Also, i see that now appear a dotted line on the middle of the bacgkround? how can i remove it? thanks

[CristianParticipant]

I solved the background, but i cant delete the dotted line 🙂

[CristianParticipant]

solved that dotted line too. It was from .p-info a {
border-bottom: 1px dotted;

I put border: none, hope it’s ok.

Now, can you help me to put in the header section some social icons like here?

http://createheaven.com/

Thanks

[Rue NelModerator]

Hello There,

We’re glad you figured out a way to resolve some of the issues in your site.

To add the social icons, you must first insert your social profile urls in your customizer. You can find this setting in Appearance > Customize > Social and Set the URLs for your social media profiles here to be used in the topbar. Adding in a link will make its respective icon show up without needing to do anything else. Keep in mind that these sections are not necessarily intended for a lot of items, so adding all icons could create some layout issues. It is typically best to keep your selections here to a minimum for structural purposes and for usability purposes so you do not overwhelm your visitors.

Once you added all your social profile links, you also need to add the following css code in the customizer, Appearance > Customize > Custom > CSS to align the icons with your banner image.

@media(min-width: 980px){
    .x-topbar-inner {
        position: relative;
    }

    .x-topbar .x-social-global {
        position: absolute;
        right: 20px;
        bottom: 40px;
    }
}

This should how it would look like:

If you need anything else, please let us know.

[Author]

Posts