Embedding third-party widget in bottom-left column ...

Discussion in 'Andrina WordPress Theme' started by notpaul, Sep 21, 2015.

  1. notpaul

    notpaul New Member

    Joined:
    Nov 13, 2012
    Messages:
    5
    Likes Received:
    0
    Trying to paste some code for a third-party widget (the TripAdvisor Review Ticker) into the BOTTOM-LEFT column in a two-column set-up. This is where my new 'blog posts appear ... I would like the widget to appear FIRST (top) in this section, right above the newest post.
    Trying to simply paste the widget code into the "Bottom-Left" section of "front-page.php" results in a distorted widget (dimensions are off).
    The widget code is here:
    <div id="TA_cdsscrollingravewide224" class="TA_cdsscrollingravewide">
    <ul id="0XcMZ1TeP" class="TA_links Ls74RR">
    <li id="peGG5SV" class="zshq7ZYr2cW">
    <img src="http://static.tacdn.com/img2/t4b/Stacked_TA_logo.png" alt="TripAdvisor" class="widEXCIMG" id="CDSWIDEXCLOGO"/>

    </div>
    <script src="http://www.jscache.com/wejs?wtype=c...2995&lang=en_US&border=true&display_version=2"></script>

    Help?
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Sorry, we didn't get your issue....

    Could you please elaborate your query a bit more with some edited screenshot so that we can better assist you?

    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. notpaul

    notpaul New Member

    Joined:
    Nov 13, 2012
    Messages:
    5
    Likes Received:
    0
    Priyanka -

    I am using a third-party widget, the "Trip Advisor Review Ticker" ... and (like many third-party widgets) they have pre-configured code you can "paste" into your existing pages. (The code for the widget is copied into my original post, above.)

    The widget (when properly displayed), looks like this:
    [​IMG]

    I am using Andrina Responsive Pro, set-up in a two-column format. You can view the front page HERE.

    Under the slider, in what is called the "bottom-feature-left" column (in the file: front-page.php) - I want the widget to display at the top of that column, just above the first post. I have tried pasting the widget code into the front-page.php file, in the section for "bottom-feature-left". When I do, the widget displays with DISTORTED DIMENSIONS, and looks like this:
    [​IMG]

    So ... what I need to know is, what adjustments do I need to make to the CSS/php in order for the widget to properly display at it's native dimensions, at the top of the "bottom-feature-left" section on my Wordpress page?

    Is that more clear?

    Thank you in advance!
     
  4. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Thanks for the explanation....

    I think the code (above) is incomplete. As I have used that code (you provided earlier) it looks like this (as mention in the screenshot below) rather than your above image.

    img.png


    You can use CSS code given below for once to adjust the width and height of the image in Custom CSS field of your dashboard (Appearance=>Theme Option=>Styling Option=> Custom CSS)...
    Code:
    li#peGG5SV img {
        width: 42% !important;
        height: auto !important;
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page