How to use layout architekt with the events calendar to style event page?

Hey Katja,

Thank you for the inquiry.

We could apply a background to the event pages manually using this css code.

.single-tribe_events div#main {
    background: url(https://kschira.de/shanti/wp-content/uploads/shantidevi-hintergrundbild-1.jpg) !important;
}

And to apply the same transparent background to the header, please add this css.

.single-tribe_events .header_bg {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Thank you for your patience, to have a transparent header for your single tribe events pages like your other pages, please try this css in your Quick CSS or your child theme stylesheet:

@media only screen and (min-width: 990px) { 
#top.single-tribe_events .header_color .header_bg {
	background-color: transparent;
}
#top.single-tribe_events .header-scrolled-full.header_color .header_bg {
	background-color: #fff;
}
.html_header_top.html_header_sticky.html_large #top.single-tribe_events #main {
    padding-top: 0;
}

#top.single-tribe_events #main > .container_wrap_first {
	padding-top: 116px;
}
}

Please copy the css from the forum and not from an email notification so the greater than symbol is copied correctly. After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I believe that you have a css error, because when I check the css seems to work.
Please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
The login is not working, please check.

Best regards,
Mike

Hi,
It seems that I’m now locked out for 4 hours:

Perhaps try the Temporary Login Without Password plugin.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!

Best regards,
Mike

Hi,
Ok, I checked again but it’s still not working 🙁
I only have two more chances for the next 4 hours

Best regards,
Mike

Hi,
Unfortunately, this didn’t work, when your ban is over please disable this plugin so we can assist you.

Best regards,
Mike

Hi,
Ok, thank you, my mistake I missed that the domain changed.
So to have a transparent header for your single tribe events pages like your other pages, I adjusted the css in the Quick CSS to this:

@media only screen and (min-width: 990px) { 
#top.single-tribe_events .header_color .header_bg {
	background-color: transparent;
}
#top.single-tribe_events .header-scrolled-full.header_color .header_bg {
	background-color: #fff;
}
.html_header_top.html_header_sticky #top.single-tribe_events #wrap_all #main {
    padding-top: 0;
}

#top.single-tribe_events #main > .container_wrap_first {
	padding-top: 116px;
}
}

below I linked to the page I tested, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, for the border I added this css:

#top.single-tribe_events #header_main,
#top.single-tribe_events #header_main.container_wrap {
    border: none;
}

for the background image I adjusted your custom css to this:

.single-tribe_events div#main > .container_wrap:first-child {
    background-image: url(//your-image.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
I added this css, and it now seems correct:

#top.single-tribe_events #main h2.tribe-events-single-section-title {
	font-weight: 700;
}
@media only screen and (min-width: 989px){
#top.tribe-theme-enfold.single-tribe_events #main .tribe-events-meta-group {
    margin-right: 3%;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
I believe that your Token doesn’t have the specific permissions enabled to update
You seem to only have these enabled:
your purchases
Your username
Your email
please see the link to our documentation to see all of the permissions required.

If you continue to have issues try downloading the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
Ok I added the line back for a scrolled page, and I added a menu break point for 1230px.
Please clear your browser cache and check.

Best regards,
Mike