Deleting/moving balloons in balloon theme

  • Unknown's avatar
    jmp634 · Member ·

    Hi,
    I love the balloon theme, but 2 of the balloons are covering part of my tagline, and it is very distracting. I have read the other forums about this problem, but no one has addressed whether we can actually move certain balloons or not. If this is not possible, is there any way at all to make the balloon effect not block the tagline?

    Here is my the blog I am having the problem with.
    http://jessicaswordswithwings.wordpress.com/

    Thanks so much!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    There are a few things you can try. Firstly you might want to just remove the offending balloons:

    #balloons-03, #balloons-04 {display: none;}

    Or you could reposition them (for the normal desktop view):

    #balloons-01 {top:230px;}
#balloons-03 {top:222px;}
#balloons-04 {top:352px;}
#balloons-06 {top:230px; left:270px;}

    Or you could just move them behind your tagline text which has the added bonus of not messing with the positions when the site is viewed on a tablet or smartphone:

    h2.site-description {position:absolute; z-index:100;}

  • Unknown's avatar
    jmp634 · Member ·

    Thanks so much for your suggestions! However, I confess I am a bit clueless as to how I can actually carry them out. Where do I need to enter the code I want to use?

  • Unknown's avatar
    hallluke · Member ·

    You need to have purchases the Custom Design upgrade, then if you go to Appearance > Custom Design > CSS you can paste the code into the text box and then click the Save button.

  • The topic ‘Deleting/moving balloons in balloon theme’ is closed to new replies.