Replace header image by metaslider (and other)

  • Author
    Posts
  • #145240
    hanshege
    Member

    Dear Support Team / Forum,

    1) how to replace the header image by metaslider, first solution should be only on the main page.

    These are the css changes on the page:

    .site-info {
    display:none;
    }

    #actionbar {
    display: none;
    }

    .site-footer {
    background-color: #ffffff;
    }

    /* Hide the custom header everywhere except the homepage */
    body:not(.home) #header-image {
    display: none;
    }

    .home #hero {
    display: none;
    }

    .home .features-title {
    margin-top: 40px;
    }

    .home #page {
    position: relative;
    }

    .home #header-image {
    margin-top: 100px;
    }

    .home #masthead {
    position: absolute;
    top: -85px;
    }

    #page {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    body.custom-background {
    background-color: #fff;
    }

    .entry-content a {
    text-decoration: none;
    color: #0a54a0;
    }

    .entry-content a:hover {
    text-decoration: underline;
    }
    .widget a, .entry-content a {
    text-decoration: none;
    color: #0a54a0;
    }

    .widget a:hover, .entry-content a:hover {
    text-decoration: underline;
    }
    .single-jetpack-testimonial .entry-content a:nth-of-type(1) {
    display: none !important;
    }
    /* Hide testimonial heading */
    .post-type-archive-jetpack-testimonial .taxonomy-description {
    display: none;
    }
    /* Add new testimonial heading */
    .post-type-archive-jetpack-testimonial #page-header h1::after {
    content: “Schüler und Ehemalige über uns”;
    display: block;
    color: #595959;
    margin-top: 1.5rem;
    font-size: 1.25rem;
    font-weight: 300;
    }
    /* Remove light grey background on testimonial archive page */
    .archive .jetpack-testimonial {
    background-color: transparent;
    border-color: transparent;
    }
    /* Remove grey background on homepage testimonials section */
    .home #testimonials {
    background-color: transparent;
    }

    2) Is it possible to change the header images of all sub-sites by metaslider? So that each sub-site will show its individual slider images?

    3) I would like to non-display the “#drkalscheuer” button on mainpage beneath the header image.

    4) First sidebar on the right: How to get rid of the underlining of links when not hovering over?

    5) The Blog Preview on mainpage: The “weiterlesen” Link is doubled. How to delete the second ones?

    Thank you very much for your help in advance!

    The blog I need help with is: (visible only to logged in users)

    #145375

    Hi

    I saw your post over here, so I wanted to jump in to help.

    First, because you are a Business plan customer, you can access live chat support, which is often quicker than forum support. Find out how here.

    how to replace the header image by metaslider, first solution should be only on the main page

    We don’t offer custom CSS support for third-party plugins. However, you may find a way to do this in the plugin’s documentation.

    Is it possible to change the header images of all sub-sites by metaslider? So that each sub-site will show its individual slider images?

    It’s best to refer to the plugin’s documentation here.

    I would like to non-display the “#drkalscheuer” button on mainpage beneath the header image.

    Looks like this is the case now, unless I’m misunderstanding.

    First sidebar on the right: How to get rid of the underlining of links when not hovering over?

    Do you mean the sidebar on a page like this? https://kalscheuer.com/schule/

    The Blog Preview on mainpage: The “weiterlesen” Link is doubled. How to delete the second ones?

    I believe this should be fixed if you create excepts for those posts. You can find out how here.

    Let me know if you have other questions!

    #145457
    hanshege
    Member
    Original poster

    Thank you for your answers & help. So I will refer to metaslider’s support considering specifics on that plug in.

    – “#drkalscheuer” button on the main page is visible, on the right beneath the header image, it links to: kalscheuer.com/ueber-uns/

    – yes, the sidebar on a page like this? https://kalscheuer.com/schule/

    – not sure if the excerperts will work. The Blog preview on mainpage (last 9 blogs) is automatically generated by the theme. It just doubles the links.

    Thanky for your help!

    #145458
    hanshege
    Member
    Original poster

    – yes, the sidebar on a page like this? https://kalscheuer.com/schule/ (<- this is the only page besides the main page where the sidebar does NOT show, sorry!)

    page like this: kalscheuer.com/kontakt/

    #145480

    I would like to non-display the “#drkalscheuer” button on mainpage beneath the header image.

    “#drkalscheuer” button on the main page is visible, on the right beneath the header image, it links to: kalscheuer.com/ueber-uns/

    I misunderstood here. I’m assuming you want to hide the button. This CSS will do that.

    .home .call-to-action {
        display: none;
    }

    yes, the sidebar on a page like this? https://kalscheuer.com/schule/

    This CSS will remove the underlined links in the sidebar.

    #secondary .textwidget a, #secondary #subscribe-text a {
       text-decoration: none;
    }

    I believe the double links will go away if you put manual excerpts in. Like in this box in each of your posts. See: https://cloudup.com/cOYiLQk75Xi

    If you need anything else, just ask!

    #145574
    hanshege
    Member
    Original poster

    I c/p the additional css but still the call-to-action button is visible.

    For the sidebar, the underlined links are removed. Could it be changed that the underlining is only visible when hovering over? Like the widgets on main page?

    Thx for the links on the excerpts, I try it.

    #145597

    I c/p the additional css but still the call-to-action button is visible.

    My fault. Try this instead:

    #page .features .call-to-action {
        display: none;
    }

    For the sidebar, the underlined links are removed. Could it be changed that the underlining is only visible when hovering over? Like the widgets on main page?

    Add this below the other styles for the sidebar.

    #secondary .textwidget a:hover,
    #secondary #subscribe-text a:hover,
    #secondary .textwidget a:focus,
    #secondary #subscribe-text a:focus {
        text-decoration: underline;
    }
    #145808
    hanshege
    Member
    Original poster

    thx a lot! to be closed ;)

  • The topic ‘Replace header image by metaslider (and other)’ is closed to new replies.