[powerguy]

I would like to replace the green headline button in the promotion headline to a facebook button.

I would also like it centered.

Easy peasey ?

https://vmchoppyandsons.com/

https://vmchoppyandsons.com/

[Skandha]

@powerguy: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.right-section a {
    display: block;
    background: url('https://catchthemes.com/demo/catchbox/wp-content/themes/catch-box/images/social-profiles.png') no-repeat right top;
    background-position-x: right;
    background-position-y: top;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-indent: -99999px;
    background-position: 0 -44px;
    background-color:#fff !important;
    padding:0 !important;
}
@media screen and (min-width:981px) {
    #homepage-message .right-section {
        float:left;
        margin-left:50px;
    }    
}

Let me know if this works out!
Kind Regards,
Skandha

[powerguy]

The facebook button worked fine.

Is there a way I can also keep the original button ?

Thanx

[Skandha]

@powerguy: That is the original button, only the background image and the position was changed.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adventurous/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[powerguy]

Thank you.

I understand that.

Is there any way I can have 2 buttons in the promotion headline ?

[Skandha]

@powerguy: Yes you can have two button in promotion headline section but for that you will need to create a child theme and do a bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer.

Kind Regards,
Skandha

[powerguy]

I have done some child theme customization

I have created and launched a child theme on my site.

When I re-add the above custom css for the facebook button I get an error message that 2 lines will break my site.

They are:

background-position-x: right;
background-position-y: top;

Please advise.

Thank you.

[powerguy]

So. I guess I’m ready to try the 2 button modification.

[Skandha]

@powerguy: Go to => Child Theme Folder => create folder inc => create a file adventurous-promotion-headlines.php and add the code in this link.

Let me know if the button shows up.
Kind Regards,
Skandha

[powerguy]

Just to clarify:

I am to create a folder named “inc” within the child theme folder ?

Then within the “inc” folder I am to create a file named “adventurous-promotion-headlines.php”

And paste the code into that file ?

Thanks.

[powerguy]

There are 2 sections on the code page link you sent me.

First there are 117 lines of code.

Then a 2nd section titled: “RAW Paste Data”

Do I paste both sections into the file ?

Please advise.

Thanks again.

[Skandha]

@powerguy: Yes you are to create a folder named “inc” within the child theme folder and then within the “inc” folder I am to create a file named “adventurous-promotion-headlines.php”.

You will need to paste only the 117 lines of Code and not the Raw Paste Data.

Let me know if the button shows up on your site.
Kind Regards,
Skandha

[powerguy]

Created the new folder, file and code in child theme but it didn’t change anything.

It actually brought the green button back with facebook text.

I had to use the previous css code to get my facebook button back.

HHmmmmm……

[Skandha]

@powerguy: Hello there,
I could check it if you provide me your WP Admin Credentials. I will contact you shortly by email.

Kind Regards,
Skandha

[Thomas Jahn]

Hello, how can i add the Instagram Logo to my primary Menu like the same as the footer Widged symbol?

Do you have any css possibility or soloution in the Primary menu?

best regards

[Skandha]

@bamper1: Hello Thomas,
Please post your site URL so that I can look into the issue.

Kind Regards,
Skandha

[Thomas Jahn]

http://www.thomasjahnphoto.com

So i will placed the symbol of intagram in my primary menu. I hope you have a solution for that.

[Skandha]

@bamper1: Hello Thomas,
You can use the Social Header Menu Menu Location to add your social icons like intagram.

Go to => Appearance => Customizer => Menus => View All Location => Social Header Menu => Edit Menu and add the menu items.

Let me know if this helps you out!
Kind Regards,
Skandha

[Thomas Jahn]

Sorry it is not this thing what i will do. I will in my primery menu which is ready, add only the instagram symbol so that i have only one menu row whit my actuly prime menu + instagram symbol like the widget.

Thanks for your help.

Thomas

[Skandha]

@bamper1: Hello Thomas,
Can you add an Instagram menu item to your primary menu so that I can provide you the CSS Code to replace the text with an Instagram Icon?

Kind Regards,
Skandha

[Author]

Posts