Social Icon change.

Discussion in 'SaleJunction E-Commerce WordPress Theme' started by medinachaz, Dec 6, 2013.

  1. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    I would like to customize the images of the social icons. I've already copied and pasted a different image into the CSS as a PNG file that was 50x50 px. I'm not sure why it didn't work.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    It is not possible to change the social icons image through css code. If you want to change the social icons image then,
    Go to images directory present in your theme directory and replace your image with present social images
    or edit them through photoshop or any other photo editing tool.

    Note:- Use same name for your edited image and remove the current image.
     
  3. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    for some reason it's not allowing me to save the image after I altered it.
     
  4. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    I am keeping the name the same as instructed, however i won't let me save.
     
  5. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
  6. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    Hello, I was trying to expand the container in the social links area, and I was wondering where it is located in Java.
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  8. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    Thank you. I was able to change the social icon logos, however, I am trying to change the container as well. I'm not sure if it's an image that I have to edit or something else in java. I'm trying to make the container it's self larger so the icons that I upload can be larger.

    <div class="social-links" style="position: fixed;&gt;
    ul class=;right: 5px; height:500px;" social_logos"="">

    <ul class="social_logos" style="
    height: 2000px;
    ">

    </ul></div>

    That's what i'm trying to do as far as html, I just don't know where to start in Java. Wether it's an image I have to edit or something else. Thank you.
     
  9. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .bottom_footer_content .social_logos li {
    width: 50px;
    height: 50px;
    }
    .bottom_footer_content .social_logos li a {
    width: 50px;
    height: 50px;
    }
    
    You can adjust the value of "width" and "height" as per your requirement.
    This will solve your issue.
     
  10. medinachaz

    medinachaz Member

    Joined:
    Nov 29, 2013
    Messages:
    62
    Likes Received:
    1
    Okay, that worked well. However, there is a point on the container that gets cut off. If you look a the yahoo social link, and if I move it any further down it makes it dissapear all together. Please take a look to see what I mean. Thank you.

    http://aggrowculture.com/
     
  11. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    We have checked your website, currently you are using Andrina Theme and you have asked your issue in SaleJunction Thread.
    So there is a confusion.
    Could you please install that theme in which you are facing the issue and
    also specify us your issue with the help of screen shot images.
     

Share This Page