This topic contains 13 replies, has 2 voices, and was last updated by  Skandha 5 days, 18 hours ago.

Viewing 14 posts - 1 through 14 (of 14 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
    Keymaster

    @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
    Keymaster

    @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
    Keymaster

    @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
    Keymaster

    @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
    Keymaster

    @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
    Keymaster

    @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

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.