Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #307036

    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.

    #307040

    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.

    #307120

    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

    #307386
    This reply has been marked as private.
    #307405

    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

    #307424

    Ok now, please try again. Many thanks.

    #307934

    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

    #308039
    This reply has been marked as private.
    #308175

    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

    #308231

    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.

    #309325

    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

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