Header skewed - by shivas-irons - on WordPress WooCommerce support

Solved8 replies2 participantsUpdated by Eva Kemp

  • Avatar: shivas-irons
    shivas-irons
    Participant

    I saved a change to a text block area, only adding text and nothing else, then the home page is not displaying the same. Tested on other browsers and can’t figure it out.

    Can you tell me where I access the homepage header graphic? I can’t seem to remember how to find it! I was going to look there and make any settings didn’t somehow get altered.

    The main image background should cover the entire page from left to right.

    #73189 Copied Theme version: Royal

    8 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please try to recreate your parallax effect and update all required plugins https://www.8theme.com/download-plugins/ .

    Thank you.
    Regards,
    Eva Kemp.

    #73241 Copied
    Avatar: shivas-irons
    shivas-irons
    Participant

    Thanks, once updated all is well yet I have another question since I have your attention:

    https://www.dropbox.com/s/kleqrrqssmqnlpk/blogelements.mp4?dl=0

    Lastly, on another site I need some input on this issue:

    https://www.dropbox.com/s/zs6g05hu8n1nv5m/whitespace.mp4?dl=0

    Please, contact administrator
    for this information.
    #73503 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    I’ve added this code in custom.css file to remove the space:

    .content-page {
    margin-top: 0px !important;
}

    Please check now.

    To change color for date blocks add this code in custom.css file:

    .sidebar-widget .blog-post-list .date-event .number {
    color: #C2A47C;
    border-color: #C2A47C;
}

    to change background color use this code:

    .sidebar-widget .blog-post-list .date-event {
    background-color: #CDA85C;
    border-color: #CDA85C;
}

    Write your color values.

    To modify widget in the footer use this code:
    For date background:

    .main-footer.text-color-light .blog-post-list .date-event {
    background: #BCBCBC none repeat scroll 0% 0%;
    border-color: #9A9A9A;
}

    For date color:

    .main-footer.text-color-light .blog-post-list .date-event .number {
    color: #C2A47C;
    border-color: #C2A47C;
}

    Regards,
    Eva Kemp.

    #73594 Copied
    Avatar: shivas-irons
    shivas-irons
    Participant

    perfect. thx for the help.

    #73704 Copied
    Avatar: shivas-irons
    shivas-irons
    Participant

    one more thing 🙂 How do I change the color and size of the blog post text. I’ve used the typography settings in the Theme options but that didn’t do anything.

    #73727 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please use this code:

    .content-article p {
    font-size: 15px !important;
    color: black !important;
}

    Regards,
    Eva Kemp.

    #73741 Copied
    Avatar: shivas-irons
    shivas-irons
    Participant

    thx

    #74008 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #74010 Copied

  • Tagged: , , , , ,

The issue related to '‘header skewed’' has been successfully resolved, and the topic is now closed for further responses