Copied template and lost styling

[daddysnack]

Hi there, i copied a restaurant menu page as a template and pasted it on another page but in doing so i lost some styling and dont know how to get it back. The styling is basically the food item title aligned to the left of the column with the price aligned to the right of that same row/line.

I cannot replicate the same effect please help!

Thank you

[friech]

Hi Tariq,

Thank you for writing in, is your site is base on restaurant demo as well? If not, then you won’t really get that same styling even if you imported that template.

Please also check the Page > CSS area of the page where you get the template, there might be custom CSS applied to that page. Copy that CSS and page it to your new page CSS area.

Cheers!

[daddysnack]

Hi yes I used the restaurant demo. The menu on the original page I imported displays correctly but I copied that page as a template and created a new page and loaded the template and the food items and prices are left aligned rather than food item to the left and price to the right. There doesn’t appear to be any CSS attached to that area that is not in the new one.

Is there anyway I can send you secure access to my site?

Many thanks

[ruenel]

Hello Tariq,

Please provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Thanks.

[daddysnack]

Hi there can you see my secure note?

[ruenel]

Hello Tariq,

I am already logged in.

In the page “Harrow”, you have this custom css:

.h-custom-headline strong {
    float: right;
}

This made the prices go to the right side of the headlines. This was added in the Cornerstone page custom css. You can find this in the left panel with the CSS icon in it.

To get you issue resolved, you can either copy the css and insert it on the page’s custom css section or simply by editing your prices from:

Fried Cajun Prawns <img src="https://daddysnack.com/wp-content/uploads/2019/11/noun_Pepper_36129.svg"><strong>£4.75</strong>

And use this instead:

Fried Cajun Prawns <img src="https://daddysnack.com/wp-content/uploads/2019/11/noun_Pepper_36129.svg"><strong class="right">£4.75</strong>

What has changed? I simply added a right class in the strong tag like this <strong class="right">£4.75</strong>

We would love to know if this has worked for you. Thank you.

[daddysnack]

You are the best i really appreciate it, it worked great!

[ruenel]

You’re most welcome!
It’s good to know that it has worked for you.