Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 12, 2024 at 3:37 pm #1466824
    cuccarini

    Hello,
    In the posts slider, is it possible to show only the posts that have the “featured” flag set?
    I did not find any parameter for that. I want to apply this to the first posts slider in the home https://www.federscacchilazio.com/

    Also I would like to apply the sonar effect to a tilte in the home, to obtain this I used the button with special colors
    https://www.federscacchilazio.com/
    Unfortunately now I have the Cookie and Privacy Settings buttons that are again black as before,. to change the color of these privacy buttons I used the following code but this is applied to all avia buttons (also the previous one I want to remain with white bavkground.
    /* Background button */
    a.avia-button {
    background: var(–base1-color)!important;
    border-color: white!important;
    }
    /* Background button on hover */
    a.avia-button:hover {
    background: var(–dark1-color)!important;
    }

    Thanks in advance
    Andrea

    • This topic was modified 2 weeks, 1 day ago by cuccarini.
    • This topic was modified 2 weeks, 1 day ago by cuccarini.
    September 13, 2024 at 3:53 am #1466862
    Ismael

    Hey cuccarini,

    Thank you for the inquiry.

    You can use the following css code to specifically target the buttons in the privacy consent container:

    #top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight {
    color: limegreen;
    background: darkolivegreen;
    border-color: mediumseagreen;
}

    Best regards,
    Ismael

    September 13, 2024 at 1:30 pm #1466908
    cuccarini

    Thanks Ismael,
    it worked perfectly for the privacy buttons. Unfortunately then i noticed that all the buttons that become gricons on hover now do not do it anymore. This is because i deleted the following instruction from the quick css.
    /* Background button on hover */
    a.avia-button:hover {
    background: var(–dark1-color)!important;
    }

    Regarding the first question instead, in the posts slider, is it possible to show only the posts that have the “featured” flag set?
    I did not find any parameter for that. I want to apply this to the first posts slider in the home https://www.federscacchilazio.com/

    Thanks again and best regards
    Andrea

    • This reply was modified 2 weeks ago by cuccarini.
    September 15, 2024 at 1:39 pm #1467031
    Mike

    Hi,
    I don’t believe that there is a way to only show posts with the “featured” flag set, I recommend adding a category “featured” to these items and then choose that category in the posts slider.

    Best regards,
    Mike

    September 16, 2024 at 1:55 am #1467043
    cuccarini

    Thanks Mike,
    I applied your suggestion and it works as expected.
    The only problem to solve is that after having removed the CSS statement that modified the hover on all the avia buttons, now there are some buttons, even on the home that in case of mouse hover remain blue instead of becoming dark gray. However, there are some buttons on the left side of the homepage with the name “Calendario” and “Tornei giovanili” for example that with mouse hover become gray as desired.
    I think it is necessary to add some CSS to obtain this result.

    Thanks in advance
    Andrea

    September 16, 2024 at 5:54 am #1467052
    Ismael

    Hi,

    Try to use this css code to change the hover effect:

    #top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight:hover {
    color: white;
    background: gray;
    border-color: orange;
}

    Update the color values as needed.

    Best regards,
    Ismael

    September 16, 2024 at 4:02 pm #1467115
    cuccarini

    Hello Ismael,

    I am sorry to say that it was a nice try but it does not work unfortunately … all the buttons continue to not change color with the mouse hover, in particular on the top of homepage https://www.federscacchilazio.com/ you can check the buttons “Comitato” and “Contatti” with the mouse hover they remain blue and not grey also the toher following buttons, apart from the four buttons placed vertically next to each other on the left, those work correctly.. https://app.box.com/s/aajvacjlzcmq6hvt3wvnltuij49w12ag
    I think it is necessary to modify a little the CSS code.

    Thanks again
    Andrea

    September 16, 2024 at 5:28 pm #1467120
    Mike

    Hi,
    To change the hover color of the “Comitato” and “Contatti” buttons, please add a custom class to the buttons and we will advise with the css.

    Best regards,
    Mike

    September 16, 2024 at 7:00 pm #1467135
    cuccarini

    Hello,
    I used again the old CSS to change the hover of all avia buttons and the result is OK for me, There are only to small problems remaining:
    – I need a CSS to change the hover effect of custom button class “evidenza”
    – I need a CSS to change the hover effect of button class fullwidht that is mch darker bacause it is not affected by the general hover effect of the avia buttons

    Best regards
    Andrea

    September 17, 2024 at 4:14 am #1467157
    Ismael

    Hi,

    Thank you for the update.

    We may need to access the site and test the modifications. Please provide the login details in the private field.

    Best regards,
    Ismael

    September 17, 2024 at 2:32 pm #1467199
    cuccarini

    Ok, no problem.

    • This reply was modified 1 week, 4 days ago by cuccarini.
    September 18, 2024 at 4:39 am #1467255
    Ismael

    Hi,

    Thank you for the info.

    We added this code to the Quick CSS field and temporarily disabled the compression settings.

    #top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight:hover {
   background: var(--dark1-color) !important;
  color: white !important;
}

    Best regards,
    Ismael

    September 18, 2024 at 3:16 pm #1467326
    cuccarini

    Helllo,

    I checked the code and the results but it seems to me it is not OK. As I wrote before I need to have the same color on hover also for the button-fullwidth as I have for the other buttons as in the following image;
    https://app.box.com/s/vuax1brm3rqkvz8l4ra5t9sybucfy3oc

    Thanks and best regards
    Andrea

    • This reply was modified 1 week, 2 days ago by cuccarini.
    September 19, 2024 at 5:01 pm #1467468
    Mike

    Hi,
    Thanks for the screenshot and the link to your site, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .main_color .avia-color-theme-color-highlight {
    background-color: var(--dark1-color);
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 19, 2024 at 9:13 pm #1467486
    cuccarini

    Thanks a lot Mike,
    it is OK now, please close the ticket.

    Best regards
    Andrea

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Filter to show only featured posts’ is closed to new replies.