[Barq™]

Hi,

Go to you wp-admin Dashboard, and then navigate to:

Theme options > Custom CSS/JS .
And add the code in the ‘Custom CSS’ box.

Cheers,

Stan.

[Barq™]

Oh Adam,

A tip: Set your permalinks to Post name.

To do this, go to Settings > Permalinks
Then click the radio button ‘Post name’ .

This will boost your SEO a lot.

Cheers,

Stan
Barq™

[Barq™]

No problem man! Have fun.

Btw, I am not affiliated with SwiftIdeas in any way, just want to increase my skills and at the same time help others.

Cheers,

Stan.
Barqwithus.com

[Barq™]

Hi Adam,

Add the following code to your custom CSS (in the theme options or in your style.css):

.widget_nav_menu ul.menu li {
  border: medium none;
  float: left;
  margin-right: 30px;
  width: 25%;
}

That should do the trick.
Let me know if you have any problems.

Cheers,

Stan
Barq™

[Barq™]

Hi Adam,

Can you post me a link to your website please?

Thanks,

Stan

[Barq™]

Hallo,

I didn’t read your post very well, you want them to be on one line.
The above answer is placing them both on a different line. (looks better in my opinion)

To get it in one line however, you should add the following code to the custom CSS (theme settings):

.order-total > td {
  width: 80%;
}

.cart_totals .order-total strong {
  margin-right: 5px;
}

The margin right is to get a little more spacing between the price and the BTW part.

Now you have both your price and BTW inline.

Cheers,

Stan.
Barq™

[Barq™]

Hallo,

The way to do this is to add the following code to you custom CSS (in theme options).

.cart_totals .order-total strong {
  float: right;
}

.cart_totals .order-total .includes_tax {
  float: right;
}

That should do the trick.

Cheers,

Stan
(ook NL trouwens)

[Barq™]

You forgot to ‘activate’ your theme from:

Appearance > Themes

You’re still hosting the ‘Twenty Fourteen’ theme.

Simply click ‘activate’ in the Themes section.

Cheers,

Stan.

[Barq™]

Yes, you need to head over to:

Theme options > Header.

Then look for: ‘Top Bar right text config’

And paste the following code into it
[social size='small' style='light' type='twitter,facebook,dribbble']

This will add the following social icons: Twitter, facebook and dribbble.
If you want others, you can call them by their name.
So for example: LinkedIn is for LinkedIn.

Simple isn’t it?

PS: make sure you have at least selected ‘text’ on the right – in the Top Bar Config drop down menu. (found on the top of the header config) and make sure that ‘Enable Top Bar’ is ON.
But I guess you already figured that out 😉

Cheers,

Stan

[Barq™]

Maybe be a little more specific about ‘what’ CSS isn’t working anymore.
Thanks

[Barq™]

Dude.. remove that info – Could be harmful

[Barq™]

No problem and thanks for the compliment.
If you have any question regarding to this issue, don’t hesitate to ask

P.S. The page I’m working on is a work in progress

[Barq™]

I edited my post with the end result (at the end of the post)

[Barq™]

Hi Oytamuah,

Since I just finished a similar effect for my own website, I like to share it with you.
To recreate the effect you want you need to do the following things:
1. Make use of the pagebuilder and create 3 1/3 ‘Text area’s’.
2. Go to the HTML tab and add the following HTML in it: (don’t forget to set your own image)

<div class="service-home-wrapper">
<div class="service-home-img">
<a href="#"><img class="alignnone size-full wp-image-841" src="http://www.barbecue-exclusief.nl/shop/wp-content/uploads/2014/03/weber-producten.jpg" alt="weber-grill-academy" width="370" height="200" /></a>
</div>
<div class="service-home-text"><h4><a href="#">Text here</a></h4></div>
</div>

That creates the image and a text underneath it (you can remove that text if you want by deleting: <div class=”services-home-text”><h4>Text here</h4></div> )

3. You add those for the next 2 Text area’s
4. Go to you style.css and add the following styles:

.service-home-wrapper {
	width:100%;
}

.service-home-img {
	max-width:370px;
	width:100%;
}

div.service-home-img
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

div.service-home-img:hover
{
	-webkit-box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);
}

div.service-home-img > a img
{
	width: 100%;
	height: auto;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

div.service-home-img:hover > a img
{
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.service-home-text {

}

Now you have the same effect.

End result can be seen here: http://www.barbecue-exclusief.nl/shop (underneath the slider)

Cheers,

Stan.