Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #351412

    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)
    any idea how to achieve this?
    thanks in advance…


    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.



    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



    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

    You can also do this,, to add custom classes to your elements so you can target them separately.

    Best regards,


    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


    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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Special Headline – what stylings/adjustments are possible?’ is closed to new replies.