Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2023 at 12:45 pm #1397734
    Enfoldfanatic

    Hi,

    I am trying to set an alternative line height for the content in the footer columns (dedicated page). However the code below simply doesn’t affect the line height anymore.

    /* Meer line-height */
    .verhoging {
    line-height: 2.3em !important;
    }

    I can control color, fonts etc but line height keeps to be ignored for the class setting.

    When looking in the developers console I’m seeing that the code is striped through, it seems to listen only to “#top .all_colors p ”

    I will post a link to the demopage in the private content.

    Thanks and regards,
    S

    February 13, 2023 at 1:06 pm #1397737
    Mike

    Hey Enfoldfanatic,
    Thanks for your question, your css doesn’t have enough specificity, to correct please try this css:

    #top .all_colors .verhoging p {
line-height: 2.3em;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 13, 2023 at 1:32 pm #1397743
    Enfoldfanatic

    Thanks a lot Mike!

    I have got one more question, on the hero teaser on the homepage I have applied an opacity when the screensize is lower than 1200px. The only thing is that I would only like to apply an opacity of 0.6 to the back-ground image fore the 1/1 container > not for the content within the container (text and buttons). Is there a CSS trick to only let the opacity apply on the background image?

    Kind Regards,
    S

    February 13, 2023 at 7:27 pm #1397810
    Mike

    Hi,
    Try removing your opacity and add this css:

    @media only screen and (max-width: 1249px){
#main #teaserhome:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  visibility: visible !important; 
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255,.5)!important; 
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 14, 2023 at 9:47 am #1397865
    Enfoldfanatic

    Hi Mike,

    Thanks for the resolution, the only thing is that the tekst sentence (text-block) is the only element which still applies an opacity. You can see it on the shared link. Is there a fix for that possible?

    Thanks and regards,
    S

    February 14, 2023 at 1:52 pm #1397914
    Mike

    Hi,
    Try adding this css:

    #main #teaserhome .av_textblock_section {
	z-index: 1;
    position: relative;
}

    for a complete solution like this:

    @media only screen and (max-width: 1249px){
#main #teaserhome:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  visibility: visible !important; 
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255,.5)!important; 
}
#main #teaserhome .av_textblock_section {
	z-index: 1;
    position: relative;
}
}

    Best regards,
    Mike

    February 14, 2023 at 1:59 pm #1397916
    Enfoldfanatic

    Works perfect!

    Thanks a lot for the efforts.

    Kind Regards,
    S

    February 14, 2023 at 6:12 pm #1397966
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘No control anymore of p class line height’ is closed to new replies.