Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 6, 2016 at 1:27 am #708767
    alexanderjohannes

    View post on imgur.com

    Hi. How can i (A) center the text and bring image (B) to the upper left coner?

    November 6, 2016 at 6:13 pm #708899
    Nikko

    Hey alexanderjohannes,

    Kindly add this code to Quick CSS:

    .page-id-434 #av_section_1 .av_textblock_section {
    text-align: center;
}

.category-live .av-masonry-image-container:before {
    right: auto;
    left: 5px;
}

    The first code block is for (A) and the second is for (B). Let us know if it works :)

    Best regards,
    Nikko

    November 7, 2016 at 11:13 am #709108
    alexanderjohannes

    B works fine but can you help me with A.

    I use a cumstom css class: “hintergrundrot”

    /*Text Hintergrund Normaltext*/
    .hintergrundrot {
    display: inline-block !important;
    background: rgba(226,19,18,1);
    }
    I want to use the backgorund font effect more times. how can i change the code? i do not want to lose my original text alignment settings after applying the custom css class. can you help me`?

    November 7, 2016 at 2:24 pm #709205
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .hintergrundrot {
    width: 100%;
    text-align: center;
}

    And then change following code

    .hintergrundrot {
    display: inline-block !important;
    background: rgba(226,19,18,1);
}

    to following one 

    .hintergrundrot h5 {
    display: inline-block !important;
    background: rgba(226,19,18,1);
}

    Best regards,
    Yigit

    November 7, 2016 at 2:30 pm #709210
    alexanderjohannes

    Works perfect. Thank you.

    I also want to apply this effect (background font color) to a heading font inside a color section.

    I use the custom class: hintergrundschwarz

    How can i apply the effect http://imgur.com/a/BEMEq but use the big upper case letters ?

    November 7, 2016 at 2:37 pm #709217
    Yigit

    Hey!

    In that case, please change following code 

    .hintergrundschwarz h5 {
    display: inline-block !important;
    background: rgba(68,68,68,1);
}

    to following one 

    .hintergrundschwarz * {
    display: inline-block !important;
    background: rgba(68,68,68,1);
}

    Cheers!
    Yigit

    November 7, 2016 at 2:40 pm #709221
    alexanderjohannes

    Done, work, CLOSED. Thank you. Only the alignment changed from center to left. how can i fix this?

    November 7, 2016 at 2:41 pm #709223
    alexanderjohannes

    add…

      width: 100%;
    text-align: center;

    is this correct?

    November 7, 2016 at 2:41 pm #709224
    Yigit

    Hi!

    Yes, that is correct :)

    Best regards,
    Yigit

    November 7, 2016 at 2:44 pm #709229
    alexanderjohannes

    How can i cut the background left and right? CLOSED.

    View post on imgur.com

    November 7, 2016 at 2:46 pm #709233
    Yigit

    Hi,

    Imgur seems to be down at the moment, however if i understood you correctly, you would like to remove extra background from h1 tagged element? If so, please add following code to Quick CSS

    .hintergrundschwarz2 {
    text-align: center;
}
.hintergrundschwarz2 h1 {
    width: auto;
}

    Best regards,
    Yigit

    November 7, 2016 at 3:26 pm #709270
    alexanderjohannes

    CLOSED. THX.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘center text and bring image to the left’ is closed to new replies.