[Coconuts4sale]

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

[Skandha]

@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

[Coconuts4sale]

Hi Skandha,

that worked perfectly, thank you!!

Lana

[Skandha]

@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

[Author]

Posts