→→ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
In case you can't login to submit a ticket, please hard refresh the browser and try to login again.
If the problem persists, please send us a message via THEMELOGI profile page so we can help you out.
To update the theme or plugins, please have a look on the article here: Theme & Plugin Updates.
Also, if you couldn't import the demo content or the site is blank, please see our FAQs page for the solutions. Thank you :)

Tickets Tickets Navian “Intro content” 1/3 width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9626

    Hi,
    Is it possible to use the intro content with an image at 1/3 width rather than 1/2? I am trying to have a 1/3, 2/3 column setup with a full panel image covering the left 1/3 and then text on the right side 2/3.
    Thanks
    Jon

    #9641
    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    To resolve this issue, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

    @media (min-width: 1200px) {
    	.image-half > .col-lg-6 {width: 33.33%;}
    	.image-half .container .col-lg-6 {width: 66%;}
    	.image-half > .col-lg-6.col-lg-push-6 {left: 66.66%;}
    }

    If the problem persists, please share us your site URL and the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem. Any screenshots would be welcomed!

    Best regards,
    Danny

    #9643

    Hi Danny,
    Will this change all intro contents to this 1/3 format? I only want to do 1 specific one on the page.

    #9657
    Danny
    Supporter

    Hi there,

    If you want to change in 1 page, please follow the steps below:

    1. Add a class named, for example “custom-intro” into the Row/Section of those Intro Content elements:

    2. Add the code below to the page CSS code:

    @media (min-width: 1200px) {
    	.custom-intro .image-half > .col-lg-6 {width: 33.33%;}
    	.custom-intro .image-half .container .col-lg-6 {width: 66%;}
    	.custom-intro .image-half > .col-lg-6.col-lg-push-6 {left: 66.66%;}
    }

    Please feel free to let me know about any other doubt you could have.

    Also, if you like our theme and the support, please consider to leave us a 5-star review rating for the theme via ThemeForest > Downloads section. It helps us a lot!

    Best regards,
    Danny

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.