Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 14, 2020 at 9:42 am #1230242
    chefsmagazin

    Hi there,
    for a magazine site we are using the post slider quite often. Basic layout scheme for the site is 3/3. Now we want the size of the headline to appear according to the number of rows. E.g. if there the slider (shown entry) is like 2/3 rows wide (like upper left) the head should appear bigger than if the shown entries are 1/3 (e.g. scoll down to section “KULINARIK”). Is this possible?

    Thank you very much for your help,
    Ursula

    July 15, 2020 at 7:38 am #1230522
    Rikard

    Hi Ursula,

    I’m not sure I understand your question, could you try to explain a bit further or post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    July 15, 2020 at 10:10 am #1230543
    chefsmagazin

    Hi Rikard,

    sorry for being so hard to understand – my english has become worse over the years not using it.

    I try to explain the matter and please see attached link: When using “Post Slider” the size of the headlines always ramains the same (H3) – no matter whether we use 1, 2 or 3 posts showing over the full width. What we want is a bigger headline e.g. if we show 1 post over 2/3 of the width (as on the left side of the page linked below). Because the picture is bigger, the headline seems to be too small – is there any possibility to increase the size of the headline for a particular post slider?

    Thanks
    Ursula

    July 19, 2020 at 6:04 pm #1231570
    Mike

    Hi,
    Sorry for the late reply, and thanks for the link. This css will change the font size of the title of the post slider when it is in a 2/3 column.

    #top #main .flex_column.av_two_third .avia-content-slider h3.slide-entry-title {
	font-size: 40px !important;
}

    Then at the bottom of the page you have a full width column so to make those titles a different font size, so we will use this css:

    #top #main .flex_column.av_one_full .avia-content-slider h3.slide-entry-title {
	font-size: 30px !important;
}

    So you can have css rules to change the font size of the titles depending on what columns they are in.

    Please try the above code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 20, 2020 at 11:11 am #1231688
    chefsmagazin

    Hi Mike,
    no problem with the late reply. I am very thankful for your help anyway anytime :)

    I tried the proposed css for 2/3 by putting it in “General Styling > Quick CSS” and cleared cache a few times. But it didn’t work – instead, all the changes I set up in “Advanced Styling” seem not to work anymore …? This is quite a big problem for me now.

    I didn’t want to use WordPress > Customize > Additional CSS because as far as I understand, this changes wil get lot on updating the theme. Is that right?

    Please see login below, maybe it’s easier for you to figure out what’s going wrong …

    Kind regards
    Ursula

    July 20, 2020 at 2:26 pm #1231719
    Mike

    Hi,
    I don’t believe “WordPress > Customize > Additional CSS” will be lost on updates, I will need to re-check.
    If the css I gave you is causing an issue please remove, otherwise I will be happy to review your css and site.

    Best regards,
    Mike

    July 20, 2020 at 2:45 pm #1231727
    chefsmagazin
    This reply has been marked as private.
    July 21, 2020 at 1:24 pm #1232023
    Mike

    Hi,
    I found that the last rule in your Quick CSS had an error in the comment, so everything below didn’t work, I corrected and added the 2/3 css which seems to work.
    Which advanced customizations don’t work? I see the “orange h1” one is working.
    please clear your browser cache and check.

    Best regards,
    Mike

    July 21, 2020 at 6:24 pm #1232068
    chefsmagazin
    This reply has been marked as private.
    July 22, 2020 at 9:57 am #1232212
    chefsmagazin

    Hi Mike,

    thank you so very much for your help. Everything is working perfectly now – exactly the solution I needed. I appreciate your kind and patient support very much.

    Kind regards,
    Ursula

    July 22, 2020 at 2:22 pm #1232254
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Post Slider: Head Size according to number of rows’ is closed to new replies.