Naturo Edits

Home Forums All Other Themes Naturo Edits

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
    Participant
    • Topics: 0
    • Replies: 24551
    • Total: 24551
    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
    Participant
    • Topics: 0
    • Replies: 24551
    • Total: 24551
    Member since: August 16, 2013

    Hi Andy,

    If you found our service good kindly review us here: https://www.sktthemes.org/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
    Participant
    • Topics: 0
    • Replies: 24551
    • Total: 24551
    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
    Participant
    • Topics: 0
    • Replies: 24551
    • Total: 24551
    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.