Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 28, 2024 at 3:49 am #1441112
    xfacta

    Hi there
    i have an events calendar page using the plugin “Events Calendar” and I’m wanting to change the size of the widget title that appears on the sidebar:

    What Is Dowsing?

    The title being “Upcoming Events” – how can I change this please.

    Cheers
    Natasha

    April 28, 2024 at 9:33 am #1441131
    Guenni007

    if you like to synchronize it with the other widget titles:

    #top #wrap_all .all_colors .sidebar .tribe-events h2 {
  font-family: var(--enfold-font-family-heading);
  font-size: var(--enfold-font-size-theme-h3);
  color: var(--enfold-main-color-heading);
  border-color: var(--enfold-main-color-border);
  font-weight: 600 !important;
  letter-spacing: 1px;
  border-style: solid;
  border-width: 1px !important;
  padding: 10px 0;
  border-left: none;
  border-right: none;
  margin-bottom: 15px;
}

    if you have set in quick css ( or advanced styling) different attributes than the default ones (f.e. font-size) then you have to adjust it to your needs.

    April 28, 2024 at 3:06 pm #1441182
    Mike

    Hi,
    Perhaps try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .all_colors h2.tribe-events-widget-events-list__header-title {
	font-size: 20px;
	font-weight: 600;
	font-family: "open sans";
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2024 at 12:57 am #1441230
    xfacta

    Hey Mike

    Brilliant that worked thank you :-) And as its a widget is there anyway to get the heading to match the other widgets – eg lines top and bottom?

    Cheers
    Natasha

    April 29, 2024 at 1:13 am #1441233
    xfacta

    Hey Mike – sorry just saw your other message to match the other widgets which worked – great thank you!

    April 29, 2024 at 6:41 am #1441241
    Guenni007

    well – the current code is more like my code, which remains valid even when changing the standards in Enfold (e.g. font-size, font-family, border-color, color (missing in your code) etc.). But this isn’t a competition.
    Because color is missing, the color is now #141827 instead of #474747 – and your current code applies to all h2 – not just those that are set via tribe events.
    However – the main thing is that it works.

    April 29, 2024 at 6:57 am #1441242
    xfacta

    Sorry Guenni007 I didn’t even read who replied to me and assumed it was Mike – thank you really appreciate your input and your code worked how I needed :-) I may keep changing the color as still in design mode so not 100% final now – but it should just take on whatever coor I add as Widget title in the Advanced styling area?

    April 29, 2024 at 12:24 pm #1441296
    Mike

    Hi,
    Glad Guenni007 could help, thank you Guenni007, unless there is anything else we can help with on this issue, shall we close this thread then?

    Best regards,
    Mike

    April 29, 2024 at 11:24 pm #1441355
    xfacta

    Thanks Mike you can close this :-)

    April 30, 2024 at 10:00 am #1441417
    Rikard

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change Events Calendar widget title font size’ is closed to new replies.