Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 20, 2014 at 8:04 pm #307036
    Wils1234

    Hi Support,

    I have managed to combine the 2 adverts to make 1 larger advert in an advert widget through CSS I have found on the forum and have created side bar to include many advert widgets down the side.

    .avia_partner2 { display: none!important; }
    .avia_partner_widget a, .avia_partner_widget a:hover { width: 100%; padding-bottom: 100%; }

    However, I would like to change the height and width of each advert in each widget.

    For each widget what CSS would I need to ammend the size of each advert? I´m thinking I would need a different piece of CSS for each advert?

    Thanks for your help in advance.

    August 20, 2014 at 8:12 pm #307040
    Wils1234

    I have a layout 1/5 3/5 1/5. The maximum width of the advert is 128px. I would like the side bars to be this width too. Is it possible then to increase the width of the 3/5 content to increase the width of this space, If so, what would be the CSS for this?

    Again, thanks in advance.

    August 21, 2014 at 3:40 am #307120
    Ismael

    Hi!

    Thank you for using Enfold.

    First, we need to see the actual website. WP adds a unique id for each widget. The id for the ad widget will look something like this:

    #avia_partner_widget-4

    The id “4” might be different on your installation.

    Regards,
    Ismael

    August 21, 2014 at 3:12 pm #307386
    Wils1234
    This reply has been marked as private.
    August 21, 2014 at 3:28 pm #307405
    Yigit

    Hi!

    Wanted to check your website but an error is displayed. Please undo the last change you have done in functions.php file of your child theme via FTP

    Regards,
    Yigit

    August 21, 2014 at 4:07 pm #307424
    Wils1234

    Ok now, please try again. Many thanks.

    August 22, 2014 at 4:10 pm #307934
    Yigit

    Hey!

    Please change following code 

    .avia_partner_widget a, .avia_partner_widget a:hover { width: 100%; padding-bottom: 100%; }

    to following one

    .avia_partner_widget a, .avia_partner_widget a:hover { width: 100%; max-width: 128px;  }

    and also add following code

    .page-id-3550 .av_one_fifth { width: 11%; }

    You have CSS minifying feature enabled, please disable it before it applying your code

    Regards,
    Yigit

    August 22, 2014 at 7:04 pm #308039
    Wils1234
    This reply has been marked as private.
    August 23, 2014 at 7:22 am #308175
    Ismael

    Hi!

    You can use this to change the height of the ad widget:

    #top .avia_partner_widget {
height: 123px;
margin-bottom: 0 !important;
}

    Regards,
    Ismael

    August 23, 2014 at 2:18 pm #308231
    Wils1234

    Hi,

    Many thanks. I have applied this CSS.

    1/ On right side. I would like to change the first advert to height of 148px as not all the advert is being displayed. I changed the height in the CSS below from 123 to 148 but this did not show the extra pixels, infact it created more space between the other adverts.

    #top .avia_partner_widget {
    height: 123px;
    margin-bottom: 0 !important;
    }

    2/ The CSS above changes the first advert displayed on both sides. Is it possible to be specific, right only as I only want the bigger advert to appear on the right side.

    3/ When you hover over the top right advert you see an arrow. Is it possible to do this on all adverts, if not remove this feature from this advert.

    Thanks in advance.

    August 26, 2014 at 1:44 pm #309325
    Yigit

    Hi!

    1- Please use following code instead

    #avia_partner_widget-67 {
height: 148px!important;
}

    2- You can target widgets individually using widget ID – http://i.imgur.com/u7OYWXM.png as i did in #1
    3- 

    #avia_partner_widget-67 .image-overlay {
display: none!important;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.