Home Block Page Content Widget Animation

Support Area Forums Elite Home Block Page Content Widget Animation

Viewing 11 posts - 1 through 11 (of 11 total)
URL to the page in question: http://lostcottageart.com
  • Author
    Posts
  • #25817
    Matt
    Participant

    Bill,

    Could you help me with how you made the animation work for the Home Block Page Widget on your demo?

    I want the Events page to display, but I don’t want the animation to affect the actual page, just the widget (is that possible). Also, how did you get a image to work correctly with the animate shortcode? What about the button shortcode?

    Thanks,
    Matt

    #25819
    Matt
    Participant

    Bill,

    I was wondering how I can delete a node that is causing an issue within a page. I have

    in the html div class that I’m not sure how they got there. I checked in the Text (html) part of may page to make sure that there is nothing there although it seems to show below.

    December 5, 2014 – January 25, 2015

    The “Images of the Lost Cottage” exhibition is on display at Uptown Art Supply & Gallery. Please come by and check out the latest work from Billy Stinson. Although most pieces have already sold, Billy is busy creating more. If you are interested in purchasing one of these remarkable pieces, please visit the online shop.

    More products coming soon, so please check back regularly. The Brave Centurian print will remain in stock, other items will be removed from inventory once sold.

    Details

    It’s on a page where I am using the Animation and Button Shortcode. If I use Full Page width everything is centered and fine, but when I use a sidebar template it cause spacing above the header. It seems to be surrounding the the Animation shortcode, but not sure how to remove it.

    #25821
    Matt
    Participant

    Sorry Bill I uploaded the html but forgot to code it. Lets try again.

    <div class="cbp-so-section cbp-so-init cbp-so-animate"><br>
    <div class="cbp-so-side cbp-so-side-left"><a class="lightbox" href="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10321753_873079986036431_5757693525282745131_o.jpg"><img class=" alignnone" src="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10321753_873079986036431_5757693525282745131_o.jpg" alt="" width="560" height="413"></a><br>
    </div><p></p>
    <p></p><div class="cbp-so-side cbp-so-side-right"><p></p>
    <h3>December 5, 2014 – January 25, 2015</h3>
    <p>The “Images of the Lost Cottage” exhibition is on display at <a title="Images of the Lost Cottage" href="https://www.facebook.com/events/566222510178073/" target="_blank">Uptown Art Supply & Gallery</a>. Please come by and check out the latest work from Billy Stinson. Although most pieces have already sold, Billy is busy creating more. If you are interested in purchasing one of these remarkable pieces, please visit the online <a title="Shop" href="http://lostcottageart.com/shop/">shop</a>.</p>
    <p>More products coming soon, so please check back regularly. The <a title="Brave Centurian Print" href="http://lostcottageart.com/shop/brave-centurian/" target="_blank">Brave Centurian</a> print will remain in stock, other items will be removed from inventory once sold.<br>
    </p><p><a class="button" href="http://lostcottageart.com/events">Details</a></p><p></p>
    <p></p></div><br>
    </div>
    #25823
    Bill Robbins
    Moderator

    Hey Matt,

    Here’s the content from the home block in the demo that has animation in it.


    (See the support site for the actual code)

    I generally use the text editor. Sometimes the visual editor can add unwanted html elements.

    Bill

    #25826
    Matt
    Participant

    Thanks Bill. Yeah after I sent the post I realized you are probably working in the Text Editor. It does help, which brings me to the other post I created regarding html nodes. Hope you can help me out, because I cannot track it down in the Stylesheet.

    #25827
    Bill Robbins
    Moderator

    Hey Matt, I think it’s related. That’s why I merged the topics. Try getting those spaces out.

    #25828
    Matt
    Participant

    I was wondering why I couldn’t find the other topic.:) You had me going there. I added your html and went through and tried to compare where there were differences. The only thing I see is that you used an image and I used and image from a Url link. I see that you have image padding for the top at 30px. I tried that and no difference. The spaces don’t show in the text editor like they do in the html I posted earlier.

    This is what I have with your html. Although yours has a slight drop, I can deal with it more than I can mine.You can see that’s it identical besides the anchor tags.

    [animate]
    [animate-left]<a href="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10321753_873079986036431_5757693525282745131_o.jpg"><img class=" alignnone" src="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10321753_873079986036431_5757693525282745131_o.jpg" alt="" width="560" height="413" /></a><a href="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10321753_873079986036431_5757693525282745131_o.jpg"></a>[/animate-left]
    [animate-right]
    <h3>December 5, 2014 - January 25, 2015</h3>
    The "Images of the Lost Cottage" exhibition is on display at <a title="Images of the Lost Cottage" href="https://www.facebook.com/events/566222510178073/" target="_blank">Uptown Art Supply & Gallery</a>. Please come by and check out the latest work from Billy Stinson. Although most pieces have already sold, Billy is busy creating more. If you are interested in purchasing one of these remarkable pieces, please visit the online <a title="Shop" href="http://lostcottageart.com/shop/">shop</a>.
    
    More products coming soon, so please check back regularly. The <a title="Brave Centurian Print" href="http://lostcottageart.com/shop/brave-centurian/" target="_blank">Brave Centurian</a> print will remain in stock, other items will be removed from inventory once sold.
    
    [button url="https://www.facebook.com/events/566222510178073/" label="More Info"]
    [/animate-right]
    [/animate]
    
    [animate]
    [animate-left]<img style="padding-top: 30px;" src="http://demo.organizedthemes.com/elite/wp-content/uploads/sites/29/2013/10/elite.jpg" alt="" />[/animate-left]
    [animate-right]
    <h2>Flexibility</h2>
    The home page in Elite is made up entirely of widgets. That gives you the maximum amount of flexibility possible in terms of how you set up your site. Want to show products on your home page? Piece of cake. Just use our <em>Home Product Block</em> widget that you can see in the previous section to show off your best items.
    
    This block is made using the <em>Page Content</em> block. It pulls content from a page and displays it where ever you'd like to have it on your home page. That lets you add in styled text, images, photo galleries, and any other content that you can add into a page. You can also show your latest posts, display customer testimonials and add in call to action banners.
    
    [button url="http://www.organizedthemes.com/themes/elite/" label="Buy Elite Today!"]
    [/animate-right]
    [/animate]

    Baffled!!

    #25840
    Bill Robbins
    Moderator

    Good Morning Matt,

    You can always make adjustments to positioning via CSS. Moving around things in the demo’s home page, would look something like this:

    
    #home-three .cbp-so-side-right {
    	top: -20px;
    	position: relative;
    }
    
    #home-three .cbp-so-side-left {
    	top: 10px;
    	position: relative;
    }
    

    Just change #home-three to a selector that fits where you’re wanting to change. If you want to change the right hand side, use the top style and adjust the -20px to a value that fits that spot. If you want to adjust the left, use the second style. Change the 10px there to fit.

    Positioning is easy to change with CSS.

    Enjoy your weekend,
    Bill

    #25844
    Matt
    Participant

    Good Morning Bill,

    Thanks for the info. I downloaded the CSSEdit app that you referred to me and it’s been very helpful…Thanks. I played around with the Stylesheet and could not get anything to work. However, I was messing with it just now before I responded to your post and was able to get the margin adjustment I wanted.

    I used this snippet to get the Header to align to the top of the margin. It worked! Yay!

    .cbp-so-side-right {
    margin-top: -50px;
    }

    Question on the Button Shortcode…Is there a way to get the ‘button url’ to open in another window for an external site link (I know thats not ideal)? I tried entering an html tag like target=”blank”. But I read that html tags don’t work with certain shortcodes. Any advices would be great.

    Thanks,
    Matt

    #25846
    Bill Robbins
    Moderator

    Hey Matt,

    Glad you found what you needed styles wise. There isn’t an option in the button shortcode to open the link in a new window. You can add in a HTML link this way in the text editor and open a link in a new window:

    
    <a class="button" href="http://yourlink.com" target="_blank">Your Link</a>
    

    Enjoy your weekend,
    Bill

    #25847
    Matt
    Participant

    Thanks Bill! You too!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Home Block Page Content Widget Animation’ is closed to new replies.