Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1355912

    Hi,

    Are there any advance styling options for the image captions for the theme? I need to change the weight, size, font

    Thanks
    Marcus

    #1355938

    if you choose on content tab of the image alb the caption – another Option Toggle will be shown on Styling Tab: “Image Caption”.
    Font and weight had to be styled via css. Selector is:

    .av-image-caption-overlay-center {
      font-weight: bold;
    }

    background on hovering is styled by:

    .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
      opacity: 0 !important;
    }

    and if you like to change the font on hovering:

    .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-image-caption-overlay-center {
      color: #FFF !important
    }
    #1355954

    Hi,

    Thanks for helping out @guenni007 :-)

    If you need further help @woogie07, then please post the page password in private, so that we can access it.

    Best regards,
    Rikard

    #1355966

    Hi Rikard,

    Where is the css located to add the code?

    What is the correct CSS coding Eg. If I wanted Image Caption to be Fira Sans light what is the coding?

    Thanks
    Marcus

    #1355979

    Hi,

    Thanks for the update. Please try the CSS in Quick CSS under Enfold->General Styling. The captions seems to be using Fira Sans already?

    Best regards,
    Rikard

    #1356011

    Hi Rikard

    What is the css code to change the font weight?

    Thanks
    Marcus

    #1356055

    Hi,

    Please try this CSS as well:

    .av-image-caption-overlay-center p {
      font-weight: 100;
    }

    You can chose any even value up to 900.

    Best regards,
    Rikard

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