Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 28, 2021 at 6:21 am #1326754
    WellStrategic

    Hi, we are currently working a website for our client. And we want to change the font in image overlay. The font is already imported in the custom font manager.

    https://prnt.sc/1xkcuy9

    Can you please help us with the CSS?

    Thanks

    October 28, 2021 at 11:46 am #1326808
    Ismael

    Hey WellStrategic,

    Thank you for the inquiry.

    Looks like you have already managed to adjust the font of the slider caption using the following css code.

    #top #wrap_all .slideshow_caption h2.avia-caption-title, #top #wrap_all .av-slideshow-caption h2.avia-caption-title {
    font-family: 'colbycdbld',Helvetica,Arial,sans-serif;
}

    Please let us know if you need more help.

    Best regards,
    Ismael

    November 3, 2021 at 7:41 am #1327589
    WellStrategic

    Hi Ismael,

    The CSS code that you’ve sent did not work.

    Do you have any other CSS ?

    Thank you

    November 3, 2021 at 12:05 pm #1327614
    Rikard

    Hi,

    It looks to be working fine on my end, please see screenshot in private. Could you try loading the site in an incognito or private browser window to see if that helps please?

    Best regards,
    Rikard

    November 4, 2021 at 8:18 am #1327738
    WellStrategic

    No, what I mean is in the boxes on homepage. The font is currently placed into the images, but I want it appearing dynamically. kindly see the picture below.

    WANT TOURS

    Want tours


    • This reply was modified 2 years, 12 months ago by WellStrategic.
    November 4, 2021 at 11:33 am #1327759
    Rikard

    Hi,

    Thanks for the clarification. Please try this CSS as well:

    .avia-image-container .av-image-caption-overlay-center p {
    font-family: 'colbycdbld',Helvetica,Arial,sans-serif;
}

    Best regards,
    Rikard

    November 8, 2021 at 4:56 am #1328164
    WellStrategic

    Hi Rikard,

    It works. Thank you
    However, I don’t know how to change the font size, 40 px is still a small font size. I want the 1st picture same the font size to the 2nd and 3rd picture. Do you have CSS for this? Kindly check the picture below. Thank you

    WANT TOURS

    November 8, 2021 at 8:11 am #1328185
    Rikard

    Hi,

    Please try this CSS instead:

    .avia-image-container .av-image-caption-overlay-center p {
    font-family: 'colbycdbld',Helvetica,Arial,sans-serif;
    font-size: 56px;
}

    Best regards,
    Rikard

    November 10, 2021 at 5:14 am #1328415
    WellStrategic

    Hi, I want the font spacing in the text, I tried this CSS but it didn’t work, the font size is big already, however it looks like this, kindly check the picture below. I want the 1st pic same with the 3rd pic .Can you help me regarding with this? Thank you

    .avia-image-container .av-image-caption-overlay-center p {
    font-family: ‘colbycdbld’,Helvetica,Arial,sans-serif;
    letter-spacing: 2.0px !important;
    font-size: 56px;

    }
    WAVC

    • This reply was modified 2 years, 11 months ago by WellStrategic.
    November 10, 2021 at 1:41 pm #1328491
    Rikard

    Hi,

    Please try this CSS instead:

    .avia-image-container .av-image-caption-overlay-center p {
  font-family: ‘colbycdbld’,Helvetica,Arial,sans-serif;
  font-size: 56px;
  line-height: 60px;
}

    Best regards,
    Rikard

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