Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 5, 2015 at 11:07 pm #440048
    Blaahval

    Hi there,

    I have a couple of more questions regarding Enfold.

    1) How exactly do the “Custom CSS Class” field work when enabled?

    I have this added to my Quick CSS:

    #fp div.avia_textblock {
background: rgba(64,251,64,0.85);
padding: 10px;
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
}

    If I add #fp to Section ID all my textboxes in the Color Section get this styling, but if I add #fp to the Custom CSS for only one textbox nothing happens. Am I using this wrong? How do I write it correctly if I want to add this styling to only one textbox, and not all textboxes in a Color Section?

    2) Is it possible to add a background image to a textbox instead of only a RGBA background color like in the code above?

    Kind regards and thanks for all the help,

    Brian

    May 6, 2015 at 9:11 am #440188
    Blaahval

    Hey again,

    I managed to figure out how the Custom CSS Class is working. :-)

    However I’m still have trouble assigning a background image to a textbox.

    If I apply background-image: url(url here); nothing happens. I’ve also tried using background: url(url here); but that doesn’t work either.

    Is it not possible to add an image background for a textbox?

    Regards,

    Brian

    May 6, 2015 at 10:59 am #440238
    hexquare

    Would you please give a little hint about how it works, that’s the only topic about CSS Class here.
    Thanx!

    May 6, 2015 at 11:29 am #440249
    Blaahval

    Hi hexquare,

    Of course! :-)

    First of all you need to enable the option of adding Custom CSS classes to all elements.

    If we stick to the example code above, you need to put in the following in Quick CSS:

    .randomname {
background: rgba(64,251,64,0.85);
padding: 10px;
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
}

    .randomname can obviously be named anything.

    Afterwards you only need to write randomname (without . in front) in the Custom CSS class of the element you need styled. It is actually quite simple when you get the hang of it. :-)

    Regards,

    Brian

    May 6, 2015 at 3:44 pm #440391
    Yigit

    Hi!

    After enabling custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ you need to insert a custom class in “your-custom-class” form and then you can add following code to your Quick CSS field

    .your-custom-class { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); }

    If that too does not help, please post the link to your page and point out the text block element you would like to customize.

    Cheers!
    Yigit

    May 7, 2015 at 7:49 am #440784
    Blaahval

    Hi Yigit,

    Thanks for replying. :-)

    I managed to figure out the Custom CSS class issue, but I still can’t succesfully get an image background on my textbox.

    Based on your code I’ve done the following:

    .about {
background-image: url(url);
padding: 10px;
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
}

    But nothing happens. Any ideas or do you need to see the website live?

    Kind regards,

    Brian

    May 7, 2015 at 1:12 pm #440903
    hexquare

    Thanks, Blaahval. Faved this topic for reference-n-practice.

    May 7, 2015 at 1:46 pm #440910
    Yigit

    Hi!

    It would be great if we could see the live site to provide you a more accurate solution :)

    Regards,
    Yigit

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