Deleting/moving balloons in balloon theme

  • Author
    Posts
  • #2015785

    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 jessicaswordswithwings.wordpress.com.

    #2015825

    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;}

    #2015871

    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?

    #2015872

    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.