[Antoon]

Hello,

Iam trying to make a order menu with wppizza and the evolution theme.
i have a border around the menu items. how can i remove this?

And when i use a table, how can i get the white space between to cells smaller?

http://antoonockers.hol.es/test-menu/

[Mahesh]

@antoon: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.wppizza-article.hentry {
    border: medium none;
}

Can you please clarify more on this?:
when i use a table, how can i get the white space between to cells smaller?

Regards,
Mahesh

[Antoon]

Thanks Mahesh,

I have added a table to :

http://antoonockers.hol.es/test-menu/

i want have a smaller space between for example Kippen soep and champignons soep.
And how can i get it centered?

Thanks for the support

[Mahesh]

@antoon: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.entry-content td {
    padding: 0;
    text-align: center;
}

Regards,
Mahesh

[Antoon]

Thanks again Mahesh,

The table is now centered but i want the left side to be aligned to the left,
is this possible?

and what about the white space between the items, do you have a css for this to?

Thanks again for the support

[Mahesh]

@antoon: Please add the following CSS:
1. Left side to be aligned to the left

.entry-content td:nth-child(1) {
    padding: 0;
    text-align: left;
}
.entry-content td:nth-child(2) {
    padding: 0;
    text-align: center;
}

2. White space between the items

.entry-content td {
    line-height: 1;
}

Regards,
Mahesh

[Antoon]

Thanks again Mahesh,

i can’t get above css codes to work.
what can i do?

[Mahesh]

@antoon: What seems to be the problem? You don’t have the code in the Custom CSS, have you removed it?

Regards,
Mahesh

[Antoon]

@mahesh:

because it didn’t work, i had delete the code form CSS.
i have placed them back so you can see, that it isn’t working.

Regards,

Antoon

[Mahesh]

@antoon: Sorry, you mean to align the text to left in center, I thought you just want to align them to the left. Following code will work for that, but as you have the Menu title also inside the table, it’ll move title to too.

.entry-content td:nth-child(1) {
    padding: 0 0 0 140px;
    text-align: left;
}

Regards,
Mahesh

[Antoon]

@Mahesh:

The code above is working, thanks for that!!!

But the White space between the items code is doing nothing.
must i add : :nth-child(1) to it?

Regards,
Antoon

[Mahesh]

@antoon: Nope, its working fine. Try removing it and check the difference (you’ll see small space change). I guess there is no other options.

Regards,
Mahesh

[Antoon]

@Mahesh:

I see no difference when i use the code or not,
only when i change the 1 to 2 or 10 i see a change.
But i see when i add line-height: 18px: to this line in HTML:
<table style=”height: 249px;” border=”0″ width=”491″ align=”center”>

the white space is getting smaller.

Thanks again

Regards,
Antoon

[Antoon]

@mahesh:

Thanks again for the support.

I have a new question:

How can i get a table the same in responsive en normal mode?

Regards,

Antoon

[Mahesh]

@antoon: Replace the above CSS

.entry-content td:nth-child(1) {
    padding: 0 0 0 140px;
    text-align: left;
}

with this one.

.entry-content td:nth-child(1) {
    padding: 0 0 0 20%;
    text-align: left;
}

Note: Changing px to % helps to display table the same in both responsive and normal mode.
Hope this helps. Let me know if any trouble.

Regards,
Mahesh

[Antoon]

@mahesh: Thanks it works.

Do you know a fix for this:

if i make a gallery with 2 pictures the white border is smaller.
And if i make a gallery with 3 pictures the white border is bigger.
i want to have them both small if it is possible.

Thanks again for the support.

Regards,

Antoon

[Mahesh]

@antoon: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#content .gallery-columns-3 .gallery-item img {
    padding: 6px !important;
}

Regards,
Mahesh

[Antoon]

@mahesh:

it works!!!

Thanks again

Regards,

Antoon

[Author]

Posts