Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #163498
    Coconuts4sale
    Participant

    Hi!

    I use one of your themes for my website/blog (www.coconuts4sale.com). On one of my pages – What We Do – I have listed services that we offer. There are two types of clients though, and each of them will only be interested in one set of services.

    At the moment, I have listed all the services as part of the text, so first services for one type of customers, followed by the services for the other type of customers. I might however lose the second type of the users if they don’t see straight away what I offer them.

    Would it be possible to divide only this page into two columns, or boxes, and get these two types of services written one next to the other? I downloaded Responsive Columns Plugin but not sure how to set it up on this page only.

    Thank you heaps for your help!

    Lana

    #163516
    Skandha
    Keymaster

    @coconuts4sale: Go to => Dashboard and Edit that particular page where you have listed your services.
    Click on the text editor tab and replace your code with the following.

    <div class="services">
    <div class="services-1">
    
    <p><strong>For rights holders/sponsorship seekers:</strong></p>
    <ul>
     	<li>advising on your sponsorship opportunities</li>
     	<li>advising on your sponsorable assets</li>
     	<li>creating sponsorship levels</li>
     	<li>looking into potential sponsors and how to best approach them</li>
     	<li>reviewing sponsorship proposals</li>
     	<li>writing sponsorship proposals</li>
     	<li>demographic targeting</li>
     	<li>advising on how to communicate with potential sponsors</li>
     	<li>advising on your obligations to sponsors</li>
     	<li>legal view of your sponsorships</li>
     	<li>post-sponsorship evaluation and communication</li>
    </ul>
    </div>
    <div class="services-2">
    
    <p><strong>For brands/sponsors:</strong></p>
    <ul>
     	<li>reviewing sponsorship policies and guidelines</li>
     	<li>preparing sponsorship strategy</li>
     	<li>looking for the right rights holders</li>
     	<li>advising on how to communicate with rights holders</li>
     	<li>looking for brand activations opportunities</li>
     	<li>executing brand activations</li>
     	<li>value maximisation</li>
     	<li>post-sponsorship evaluation</li>
     	<li>recommendations for future sponsorship opportunities</li>
    </ul>
    </div>
    </div>
    <p><em><a href="https://coconuts4sale.com/contact/">Contact us</a> today for initial consultation and a quote!</em></p>

    Now Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:666px) {
    	.post-1001 .services {
    		display:table;
    		table-layout:fixed;	
    		width:100%;
    	}
    	.services-1, .services-2 {
    		display:table-cell;
    		padding:0 20px;
    	}
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #163600
    Coconuts4sale
    Participant

    Hi Skandha,

    that worked perfectly, thank you!!

    Lana

    #163653
    Skandha
    Keymaster

    @coconuts4sale: Hello Lana,
    I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/simple-persona/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Content layout’ is closed to new replies.