Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 19, 2023 at 10:37 pm #1423066
    KMCHOUSTON

    Hey team

    I am using events manager with your theme. The display is a bit weird, specifically the dates are in a white font and there is a grey overlay on the calendar.

    You will see the issue at https://tara.meditationinhouston.org/calendar/ for reference, you will see the differences on my current website https://meditationinhouston.org/calendar/

    I chose your theme so I could make a better site, but this is one place I cannot figure out how to fix. You will notice the grey covers the yellow highlighting that indicates the day, so we really need to get rid of it.

    Thanks for your support

    October 23, 2023 at 4:49 am #1423369
    Ismael

    Hey KMCHOUSTON,

    Thank you for the inquiry.

    Some of the styles in the theme overrides the default calendar styles. You can adjust the style a bit by adding this css code. 

    #top .wpfc-calendar.fc td, #top .wpfc-calendar.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    border: 1px solid;
    border-color: #87b7da;
}

#top .wpfc-calendar tr, #top .wpfc-calendar td {
    color: #222222 !important;
}

#top .av_inherit_color .wpfc-calendar.fc th.fc-day-header span {
    color: #ffffff !important;
}

    Please make sure to toggle the Enfold > Performance > File Compression settings and perform a hard refresh after adding the code.

    Best regards,
    Ismael

    October 23, 2023 at 6:24 pm #1423455
    KMCHOUSTON

    Thank you Ismael,

    The code has made some impact, but there are still some inconsistencies. Can you provide additional suggestions please?

    October 24, 2023 at 3:09 am #1423490
    Ismael

    Hi,

    Thank you for the update.

    You can place this css code in the child theme’s style.css file to completely override the styles generated by the theme.

    // https://pastebin.com/m7XTguUP

    Best regards,
    Ismael

    October 24, 2023 at 6:16 am #1423510
    KMCHOUSTON

    Thank you Ismael

    I appreciate the thorough code. But, it is still not showing changes. I am not sure what to try next.

    October 24, 2023 at 12:37 pm #1423558
    Ismael

    Hi,

    Did you purge the cache and perform a hard refresh? Please try to re-toggle the Enfold > Performance > File Compression settings or disable it completely.

    Best regards,
    Ismael

    October 24, 2023 at 6:54 pm #1423616
    KMCHOUSTON

    I disabled the compression, cleared the cache, hard refreshed and tried in incognito mode. It didn’t change a thing

    October 25, 2023 at 7:51 am #1423649
    Ismael

    Hi,

    Which specific part of the calendar are you attempting to further adjust? They appear quite similar on our end, and we prefer the larger appearance of the calendar with the Enfold theme. The default styles make the calendar look somewhat compressed.

    Best regards,
    Ismael

    October 25, 2023 at 10:02 pm #1423735
    KMCHOUSTON

    Hi Ismael,

    I am not sure what you are asking about in your inquiry. The issue I have is with the grey areas in the square.

    You will see the issue at https://tara.meditationinhouston.org/calendar/ for reference, you will see the differences on my current website https://meditationinhouston.org/calendar/ where everything is white in each square, except the yellow square which indicates the current day.

    I hope that helps

    October 27, 2023 at 2:54 am #1423862
    Ismael

    Hi,

    To adjust the background color of the calendar days, try to use this css code.

    .main_color .fc-body tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
    background: transparent;
}

    Best regards,
    Ismael

    October 27, 2023 at 5:48 pm #1423925
    KMCHOUSTON

    Ismael,

    So, that also didn’t work.

    I wanted to see if I could be of any help. One of the things I looked at was the hex code in the blocks that needed to be fixed. I checked the theme settings. The Socket Background Color in the General Styling was the culprit.

    That leaves me wondering, in changing the Socket Background Color, where else might I see changes? If you could let me know if I need to make any changes, that would be great.

    Also, the calendar header currently looks like this. (The inspect element is there so you can see which element is at play).

    When I disable the #top .av_inherit_color * so that it was not set to inherit, I get a more presentable appearance, as you can see. Can you tell me how to set the CSS so it tdoesn’t inherit the #top .av_inherit_color *

    Thank you!

    October 29, 2023 at 4:03 pm #1424023
    Mike

    Hi,
    You could try this css:

    #top .av_inherit_color .fc-header-toolbar * {
	color: initial;
}

    or you could try moving the code that displays your calendar to a code block element instead of using the text block element that you are currently using, I don’t think the code block element will add the class .av_inherit_color

    Best regards,
    Mike

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