Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #283618
    piter seil
    Participant

    Goodmorning,

    I should change the title size and font in the featured slider. Maybe add some shadow effects to the text. How can I do?

    Thank you

    http://www.piterseil.com

    #283627
    Skandha
    Keymaster

    @piter-seil: Hello there,
    To change the font size of the slider title and add text shadow
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .main-slider .entry-title span {
        font-size: 50px;
        text-shadow: 2px 2px #f23456;
    }

    Let me know which font you would like to use on the slider title.

    You can change the font size, text shadow color and thickness according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #283632
    piter seil
    Participant

    Thank you, it works!
    – where can i find the codes for the colors of the shade? (#f23456 etc.)
    – The font size is fine on the mobile version but on the pc version it’s too small. Is there a way to make the aspect ratio the same in both versions (pc and mobile) or do I have to directly edit the image by writing on it?

    Thank you

    #283670
    Skandha
    Keymaster

    @piter-seil: Hello there,
    You can google the color codes and see which color you want to keep as the shadow.

    To change the font size on desktop
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width: 1024px) {
    	.main-slider .entry-title span {
    		font-size: 40px;
    	}
    }

    You can change the font size according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #283687
    piter seil
    Participant

    Thanks, I need more CSS code and customize:
    1) Code to insert the font Cantarell, sans-serif
    2) Code to insert a background behind the text
    3) What is the best photo size for the featured slider? If I upload multiple photos, they each have different sizes but I want them to be homogeneous
    4) If I only upload one photo in the featured slider (not two or three), can I remove the red / orange dot under the photo?

    Thank you

    #283709
    Skandha
    Keymaster

    @piter-seil: Hello there,
    The slider text already seems to be using the Cantarell Font.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To insert a background behind the slider text */
    .main-slider .entry-title span {
    	background-color: rgba(200,150,176,0.6)
    }
    /* To remove slider dots */
    .cycle-pager {
        display: none;
    }

    The recommended image size for featured slider is 1920*1080px.

    You can change the color and opacity of the background according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

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