Naturo Edits

Home Forums All Other Themes Naturo Edits

This topic contains 8 replies, has 2 voices, and was last updated by  Andrew Johnstone 2 years, 8 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #30033

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Hi,
    I’d like to make some edits to Naturo.

    1) move slider up below the header and make header transparent (about 0.7)

    2) increase the size of the logo

    3) Add external links to Slider “Read More” buttons.

    4) create a max content width of 1000px

    I have tried to implement some custom CSS to make some of these changes but the php code seems to override them.

    Thanks for any help. The site (in development ) is here:

    http://wordpress2015.wilddogworld.com/wordpress/

    #30040

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18504
    • Total: 18504
    Member since: August 16, 2013

    Hi Andrew,

    Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .header .header-inner .logo{margin-bottom:0 !important; margin-top:0 !important;}
    .header .header-inner .logo img{height:auto !important;}
    .header{background:rgba(0, 0, 0, 0.4) !important; position:absolute;}

    Regards,
    Brad

    #30043

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Brad,

    Thanks! Great mods…!

    And even greater support. Brilliant!

    Andy

    #30047

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18504
    • Total: 18504
    Member since: August 16, 2013

    Hi Andy,

    If you found our service good kindly review us here: https://www.sktthemes.net/forums/topic/reviews-and-testimonials/

    Regards,
    Brad

    #30058

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Done!

    While you are at it, can you possibly suggest a mod for styling the menu with 0.8 opacity to match on smaller screens (phones & tablets). Is it the “.toggle” class I need to edit.

    Thanks

    #30064

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18504
    • Total: 18504
    Member since: August 16, 2013

    Hi Andrew,

    Kindly add this code in custom css box:

    @media screen and (max-width: 767px) {
    .header{position:relative !important;}
    }

    Regards,
    Brad

    #30072

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    HI Brad,

    OK this seems to bust the them a bit in mobile device size. My @media tag needs to revert to the themes lay out whereby the slide is below the header area and the header is a solid colour I think!

    Andy

    #30076

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18504
    • Total: 18504
    Member since: August 16, 2013

    Hi Andy,

    In next theme update will try to do this. Thank you for your valuable suggestion.

    Regards,
    Brad

    #30087

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Thanks Brad,

    In the mean time can you please suggest a way to mod the theme so that it reverts to the original theme styling/layout for smaller screens?

    I’m afraid my skills with CSS are limited…!

    Andy

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.