2 styling questions - button color and FB icon

Discussion in 'Woodpecker WordPress Business Theme' started by deveshd, Sep 30, 2014.

  1. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    1. Where and how do I change the submit button color? (see screenshot)
    2. Where and how do I use a different icon for the FB icon in footer?
     

    Attached Files:

  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Please provide us your website url.

    Thanks & Regards
    Yogesh Bhade
     
  3. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    For button:
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    input.submit {
    background: red !important;
    border-radius: 18px;
    }
    For FB icon on footer:
    Follow below image.

    Thanks & Regards
    Pramod Patel
     

    Attached Files:

    • 2.png
      2.png
      File size:
      166.6 KB
      Views:
      12
  4. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    The facebook icon fix did not work. After this change, the facebook icon did not change, but now when I click on icon in footer, it open the image link and not the facebook page set in theme options.
    URL:http://10-106.com
     
  5. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Just do some steps as shown below in screenshot to resolve this issue.

    6oct4.png

    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  6. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Yogesh, you gave me the same screenshot as Pramod. I'm not sure why is my question not being understood - my question is how do I use a different Facebook icon instead of the default that comes with the theme?
     
  7. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Your Facebook link is working perfectly.
    If you want to change the icon of Facebook you have to follow some steps.
    Step-1:
    Upload an icon of Facebook which is small in size and copy its URL or permalink.
    Step-2:
    In the above given image you find a highlighted text you have to replace that highlighted text to the below text/code.
    <a href="link of your Facebook page" target="_blank" ><img src=" link/address of Facebook icon " alt=""/></a>
    Thanks & Regards
    Pramod
     
  8. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    did not work. It adds one more image instead of replacing the original round FB default icon. my code now looks like:
    Screenshot 2014-10-07 15.46.51.png
     
  9. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please remove
    class="ftr-fb"
    before the above given code.
    This will remove previous icon of FB.
    Thanks & Regards
    Pramod
     

Share This Page