- This topic has 7 replies, 2 voices, and was last updated 5 years, 5 months ago by Skandha.
-
AuthorPosts
-
June 3, 2019 at 6:53 am #173999CathrineParticipant
1. Regarding Events
To add an event to Event page when using it as a single page, like this https://suluit.com/schedule/ .What is the best way? Right now I create a new page for every new event. Then I put “enable on” on “entire site” on Appearance-Customize-Theme Options-Events and add new page there, publish, and then disable it again because I only want it to be shown on the single page. Is this the right way to do it? It feels a little bit clumsy. 🙂2. Also how do you get the city name (location) to be shown in the event schedule? As in the demo?
3. There is a big white gap between header image and title “Schedule 2019”. Is there a way to remove that? https://suluit.com/schedule/
4. Regarding Titel/Header
I was able to remove the title in header image with this CSS on each page.
.custom-header-content {
transform:translateY(-80%);
}I then added a new title underneath the header. But I would like to have the thin line under the title as it is per default when not having a header image. Is that possible with CSS?
5. Also I would very much have the CSS code to remove title only on my Homepage/Frontpage (I have added the title right now). https://suluit.com
June 3, 2019 at 11:58 pm #174026SkandhaParticipant@nukaka:
1. Yes, that is the way to add Events section on specific page.2. For that you will need to use Custom Type Event and Insert the Location in Content TextArea.
3. To remove the space header image and title “Schedule 2019”
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.#events-section .wrapper, #content .wrapper { padding:0; }
4. To have a border below the title like before
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..singular-content-wrap article .entry-content h1::after { border-bottom: 1px solid; border-bottom-color: currentcolor; content: ''; display: block; margin: 28px auto 0; width: 50px; }
5. To remove the title only on homepage.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..home #main .entry-title.section-title { display: none; }
Let me know if this works out!
Kind Regards,
SkandhaJune 4, 2019 at 2:06 am #174050CathrineParticipantThank you so very much! Is there a big difference in using events in page, post, custom type etc? Is there one option that is best to use for most possibilites?
June 4, 2019 at 2:19 am #174052SkandhaParticipant@nukaka: Hello Cathrine,
There isn’t a big difference in using events in page, post and custom type.
Post and page are almost similar as the post/page that you select will show up with the title and content in events section.Using Custom Type you can do everything in the customizer like specifying the dates and location and the links to each events.
You can use what you are comfortable with.Let me know if this helps you out!
Kind Regards,
SkandhaJune 4, 2019 at 2:22 am #174053CathrineParticipantI just put CSS no 4 in .singular-content-wrap article .entry-content h1::after {
border-bottom: 1px solid;
border-bottom-color: currentcolor;
content: ”;
display: block;
margin: 28px auto 0;
width: 50px;
}And the program says “Expected (<color>) but found ‘currentcolor’.
But it seems to work.
June 4, 2019 at 2:33 am #174054CathrineParticipantAwesome, then I will use the Custom type since I need to link to each event.
When I added this CSS code #events-section .wrapper, #content .wrapper {
padding:0;
}It took away spaces on all pages, not just the event page. Now the event page looks nice but not the rest. 🙂 Anything else I can do about that?
Thank you!
June 4, 2019 at 4:14 am #174062CathrineParticipantNo. 3 is now solved. I searched through the forum and found a CSS code that works both on Eventpage and other pages. So all spaces/titles are good now.
But in the CSS section it still says ““Expected (<color>) but found ‘currentcolor’.” when I added this code:
.singular-content-wrap article .entry-content h1::after {
border-bottom: 1px solid;
border-bottom-color: currentcolor;
content: ”;
display: block;
margin: 28px auto 0;
width: 50px;
}It seems to be working though. 😀
June 5, 2019 at 12:27 am #174130 -
AuthorPosts
- The topic ‘Events and Title’ is closed to new replies.