Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 2, 2016 at 7:52 pm #656139
    louisziegle

    Hi,

    I’m trying to custom the css of some elements like “avia-search-tooltip” but it’s like i’m doing nothing. I’m working with a child theme, and i’m wondering if i shouldn’t enqueue some more files in my functions.php ? Could anyone help me please ?
    Here’s my website : http://www.booksmatter.fr/about/
    Thank you,

    Louis

    July 3, 2016 at 11:14 am #656242
    Rikard

    Hi Louis,

    I’m not sure what you are looking to change? Please try to explain a bit further and/or post a screenshot highlighting the changes you would like to make and we’ll have a look at it.

    Thanks,
    Rikard

    July 3, 2016 at 6:12 pm #656289
    louisziegle

    I’m just trying to change the search popup, the size and all, but the changes i’ve made in the style.css of my enflod-child them are not working :
    /*SearchTool*/
    .avia-search-tooltip{
    position: absolute;
    z-index: 9999999;
    padding:0;
    width: 300px;
    top: 85% !important;
    margin-left: -120px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border-width:0px;
    border-style: solid;
    }

    July 3, 2016 at 11:53 pm #656340
    Vinay

    Hi,

    Some of the css rules does not make sense. I assume you are trying to place the search box next to the search icon as seen in the below screenshot.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-search-tooltip {
	margin-top:-66px!important;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border-width: 0px;
    border-style: solid;
}

    Best regards,
    Vinay

    July 4, 2016 at 11:10 am #656449
    louisziegle

    Thank you, that’s working when i add it to the quick css, but i wonder why it is not when i add it to my style.css, any idea ?

    July 4, 2016 at 6:03 pm #656670
    Vinay

    Hi!

    It is possible there may be another style with more specificity. Try to add it at the very bottom of the styles.css and let us know if that helps.

    Cheers!
    Vinay

    July 8, 2016 at 7:18 pm #658567
    louisziegle

    Hi, I tried but still don’t understand, but thank you it works with the quick css, so I’ll do like this for now.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘custom avia css’ is closed to new replies.