Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #173999
    Cathrine
    Participant

    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

    #174026
    Skandha
    Participant

    @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,
    Skandha

    #174050
    Cathrine
    Participant

    Thank 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?

    #174052
    Skandha
    Participant

    @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,
    Skandha

    #174053
    Cathrine
    Participant

    I 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.

    #174054
    Cathrine
    Participant

    Awesome, 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!

    #174062
    Cathrine
    Participant

    No. 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. 😀

    #174130
    Skandha
    Participant

    @nukaka: Hello Cathrine,
    You can replace the text currentcolor with the color or color code of your choice like #123456.

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Events and Title’ is closed to new replies.