Viewing 20 posts - 1 through 20 (of 24 total)
  • Author
    Posts
  • #175207
    powerguy
    Participant

    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/

    #175239
    Skandha
    Participant

    @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

    #176089
    powerguy
    Participant

    The facebook button worked fine.

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

    Thanx

    #176137
    Skandha
    Participant

    @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

    #176171
    powerguy
    Participant

    Thank you.

    I understand that.

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

    #176213
    Skandha
    Participant

    @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

    #176552
    powerguy
    Participant

    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.

    #176614
    powerguy
    Participant

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

    #176655
    Skandha
    Participant

    @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

    #176694
    powerguy
    Participant

    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.

    #176695
    powerguy
    Participant

    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.

    #176767
    Skandha
    Participant

    @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

    #177009
    powerguy
    Participant

    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……

    #177082
    Skandha
    Participant

    @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

    #178260
    Thomas Jahn
    Participant

    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

    #178339
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #178346
    Thomas Jahn
    Participant

    http://www.thomasjahnphoto.com

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

    #178356
    Skandha
    Participant

    @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

    #178361
    Thomas Jahn
    Participant

    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

    #178864
    Skandha
    Participant

    @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

Viewing 20 posts - 1 through 20 (of 24 total)
  • The topic ‘Facebook Button on Promotion Headline’ is closed to new replies.