Image Widget

Discussion in 'Traffica WordPress Theme' started by rogerschnur, Oct 17, 2013.

  1. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    In Traffica, I'm looking to add some images to the right hand column area of the Blog page but I can't get them to appear. I have tried both Image Widget and Simple Image Widget plugins. I also tried adding the text widget and pasting the url of the image in my library but that didn't work either.

    Please advise!
     
  2. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    I have a few additional questions that I need help with:

    1. Slider Speed setting is where?
    2. scroll arrows are too wide spread and appear half cut off. Need to bring them to the center a little bit
    3. I need to tighten up the vertical spacing on the homepage where HP Heading text is closer to the scroll
    4. Remove the entire sub heading text and row in order for the Bottom Feature to move up
     
  3. Piyush

    Piyush Support Staff

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

    Hello,

    Go to the Appearance > Widgets panel in your dashboard and drag & drop the text widget in the Primary widget area
    and then paste the image code given below in the text widget content area as shown in the image given below.

    Code:
    <img src="Enter the URL address of your image">

    [​IMG]

    this will solve your issue.
     
  4. Piyush

    Piyush Support Staff

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


    1. Go to the Appearance > Theme Options > Slider Settings panel in your dashboard
    and set your slider speed by putting the value in milliseconds in the slider speed section.

    2. Could you please specify this issue with the help of screenshot images.

    3. Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .page_info {
    padding-top: 35px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    }
    You can adjust the value of "padding-top" , "padding-bottom" and "margin-bottom" as per your requirement.

    4. Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .page_info p {
    display: none;
    }
    This will solve your issue.
     
  5. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    #2 screen shot of scroll arrows too wide. scroll side arrows.jpg
     
  6. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    Open issues:

    1. The image widget is not functioning for me even with trying the text widget and embedding the image link.
    2. Slider arrows too wide
    3. In very bottom footer bar, I would like to add an icon logo of my client's corporate website that would appear next to the Facebook icon. This should function same as the other Social icons but custom with my images and link. How can I do this? Suggestion for future release add a custom icon option in the Theme Options > Social Icons section
     
  7. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    Image widget not working. As you can see in the attached, I have successfully placed the image. Not understanding why it's not appearing in the right column of the Blog page. image widget error.jpg
     
  8. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Roger,

    Please check your site. Sidebar issue is resolved.
    For icon logo in the footer.
    Open footer.php and add code given below as shown in the image.

    Code:
     <li class="cl"><a href="YOUR LINK ADDRESS" alt="company-logo" title="logo"><img src="YOUR IMAGE ADDRESS"></a></li> 
    cmpy-logo.png
     
  9. rogerschnur

    rogerschnur Member

    Joined:
    Mar 19, 2013
    Messages:
    216
    Likes Received:
    14
    Thx, Nitesh. Can you please tell me what was done in case I need to do it on another install using Traffica? Also, any update on slider arrows width?
     
  10. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Roger,

    I have done little changes in the custom css for sidebar issue. Copy custom css code and use it for your other sites.

    For arrow issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .flex-direction-nav .flex-next {
    right: -80px;
    }
    .flex-direction-nav .flex-prev {
    left: -80px;
    }
     

Share This Page