Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 14, 2014 at 6:22 pm #351412
    aovivo

    Hi there,
    since I have some colorful images running as parallax images and using ‘special headlines’ as layer over the images – the fonts are sometimes hard to read, even with optinal changing size and color.
    So i thought if it would be possible to alter the fonts with f.e. a background box, transparent background box or border (see attached images)
    http://pl.vc/5pyjx
    any idea how to achieve this?
    thanks in advance…
    P.-

    November 15, 2014 at 6:54 pm #351851
    Elliott

    Hi aovivo!

    Try adding this to your custom CSS.

    .avia-section .av-special-heading-tag {
    background: red;
    display: inline;
    padding: 10px;
}

    If that’s not what you were wanting then send us a link and we’ll take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    November 16, 2014 at 7:37 am #351958
    aovivo

    great! I almost got it ;-)

    the following css code would put a nice solid frame around the headline:

    .avia-section .av-special-heading-tag {
    float: left !important;
    border: 2px solid !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    }

    one more thing: this now affects ALL my special headlines. what if I juste wanted to have a specific container affected? I could use a code-block, right? but once I put the css code in there it just doesnt work – I guess that would have been too simple :-)

    what do I need to know about using a simple css code to work in a css-code-element?
    notice: what I want to achieve is that the css code for the framed headlines only affects the headlines I want – not all special heading tags…

    thanks in advance
    P.-

    November 17, 2014 at 6:35 pm #352604
    Elliott

    Hi!

    When using a codeblock element make sure to wrap your CSS in style tags like so.

    <style type = "text/css">
your css code goes here
</styles>

    You can also do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, to add custom classes to your elements so you can target them separately.

    Best regards,
    Elliott

    November 18, 2014 at 4:16 pm #353016
    aovivo

    great thanks!!

    another one: while using the ‘modern left’ styling (of Special Healine), there is a line included ()from title to end of the container) – any chance if or any idea how to change the color of the line?

    thanks in advance
    P.-

    November 18, 2014 at 10:13 pm #353262
    aovivo

    never mind – got it. I used:

    .main_color .special-heading-inner-border {
    border-color: #cf0138;
    opacity: 1;
    }

    thanks for the great theme!
    my best regards
    P.-

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Special Headline – what stylings/adjustments are possible?’ is closed to new replies.