WPPizza – A Restaurant Plugin for WordPress › Support › General Support › How Can i make font smaller of the itmens?
- AuthorPosts
- 14 June, 2017 at 5:47 pm #28413
hello I found the discussion going on to make the font smaller but, I am confused where can I do that I saw this a) change
.wppizza-article-title{font-size: 10px}
to
.wppizza-article-title{font-size: 10px !important}
or
b) do
.wppizza-article-info h2{font-size:10px}
insteadplease help me to make my fonts smaller of the items
our uRL is here
14 June, 2017 at 6:12 pm #28414use your browsers element inspector to find out what the element is you are targeting (and associated classes)
15 June, 2017 at 3:23 pm #28425I didn’t get you . but I need to make font smaller of the menu items those are too big please have a look http://pembinaspizzajoint.ca/our-menu/pizza/ (ex “Create your own” )
15 June, 2017 at 11:36 pm #28439This reply has been marked as private.15 June, 2017 at 11:38 pm #28440you should also look at this
https://www.wp-pizza.com/topic/customising-the-css/19 June, 2017 at 5:36 pm #28514hello Olley
I found these code in wppizza/css/wppizza-default.source.css
.wppizza-article-info{}
.wppizza-article-info h2,.wppizza-article-info h3{display:inline;padding-bottom:0;margin:0}
.wppizza-article-additives{font-size:60%;margin:0 5px}
.wppizza-article-additives:before{content:’*’}so if i change .wppizza-article-info h2 in 2nd line to .wppizza-article-info h2{font-size:10px} will i work ???
19 June, 2017 at 6:36 pm #28516do not CHANGE core files/things, ADD things , overwriting styles
did you read this ?
https://www.wp-pizza.com/topic/customising-the-css/19 June, 2017 at 6:40 pm #28518i really strongly suggest you use your element inspector to find out what is what
i can see that your site has some – supposedly – “security” feature that does not allow to view the page source etc. so your element inspector will not work
However, I can assure you that this does not stop anyone from viewing the source (and what’s so secret about your html source code anyway) and just makes it a little bit more inconvenient (especially for you if you want to use the element inspector)
21 June, 2017 at 1:59 am #28586This reply has been marked as private.21 June, 2017 at 2:16 am #28587ok, let me get back to you tomorrow, it’s kind of late here.
it isn’t really about being a programmer, but finding out how your theme does things (or not as the case may be)>also if you look at the menu items are not margin properly …
if you have lots of menu sizes (so to speak) for one item – i.e your dips there – you are really better off to use the responsive layout (wppizza -> layout : style) as the title will then always be on top and the prices after. otherwsie it will never line up as there is simply not enough space22 June, 2017 at 12:48 am #28601i believe you are using the x theme
may i recommend this link
https://www.youtube.com/watch?v=6_UP8odX9rw
where – at about 4:25 – it tells you quite clearly how to add your own css( i would in fact suggest you watch the whole video as it will tell you a lot of other useful things )
22 June, 2017 at 4:13 am #28605Thanks for the guiding me to responsive layout it works. looking in to the other issues now, but i got a big code issue . i created a new ticket for that. its very important and high priority please have a look in to it
28 June, 2017 at 3:24 pm #28673Hello Olly I will check this and let your know
- AuthorPosts
- The topic ‘How Can i make font smaller of the itmens?’ is closed to new replies.