Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 29, 2016 at 3:45 pm #705520
    corneliaboehm

    hi. i have this background class:

    /*Heading Text gut lesbar machen mit Schatten*/
#schattentext .flex_cell_inner {
    text-shadow: 1px 1px #2d2d2d;
}

    How must i change the code to get a fextbackground with transparent look like this: http://imgur.com/a/njvOD

    October 29, 2016 at 4:19 pm #705543
    Vinay

    Hey corneliaboehm,

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

     h1.av-special-heading-tag {
     background: rgba(0,0,0,.5);
}

    Best regards,
    Vinay

    October 29, 2016 at 4:43 pm #705552
    corneliaboehm

    ok. how can i set the color to white and make the background only behint the text like here: https://imgur.com/a/Y07m6

    October 29, 2016 at 5:07 pm #705557
    corneliaboehm

    and how can i set this in a custom class to apply this settings to a special H1 font an not to all :)

    Here for example looks it not really good :) : https://imgur.com/a/mvF1Q

    October 29, 2016 at 5:44 pm #705566
    corneliaboehm

    How can i modify the css code to use it as custom class ?

    October 29, 2016 at 7:23 pm #705595
    Nikko

    Hi,

    To set custom css class to apply in that specific special h1, you may want to check this post: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    As for the background, try to add this code in Quick CSS:

    h1.av-special-heading-tag {
    display: inline-block !important;
}

    If you have added a custom css class, the code should look like this: (example custom css class is your_custom_class

    .your_custom_class h1.av-special-heading-tag {
    display: inline-block !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    October 29, 2016 at 8:06 pm #705626
    corneliaboehm

    Thanks Nikko, i will try :)

    October 29, 2016 at 8:13 pm #705633
    corneliaboehm

    Hey Nikko.

    I have applied the custom css class (hintergrund) to this text: http://imgur.com/a/ZV6cv

    Here is the code in the css file:

    /*Text Hintergrund markieren*/
.hintergrund h1.av-special-heading-tag {
    display: inline-block !important;
}

    BUT IT DO NOT WORK ;(

    October 31, 2016 at 10:49 am #706064
    Nikko

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Nikko

    October 31, 2016 at 4:46 pm #706289
    corneliaboehm

    OK Nikko, thanks for help and happy halloween :)

    November 1, 2016 at 11:49 pm #706896
    Nikko

    Hi,

    I have this code in your Quick CSS:

    .handschrift h1.av-special-heading-tag {
    background: rgba(0,0,0,.5);
    display: inline-block !important;
    padding: 16px 8px;
}

    And cleared the cache from the caching plugin. Hope this helps :)

    Best regards,
    Nikko

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