[labnoon]

works like a charm! :)
Thank you!

[labnoon]

Hello Ahmet and thanks for the answer!

You’re right! There was the pre and code element (have no idea why/how). It’s great now. I would also like to modify the size of the fonts in the bullet list (had talked about it another topic)

I already use this code
.content ul.list.simple li {
font-size: 13px;
}

but it doesn’t seem to work.

Thank you very much for the help

[labnoon]

Yoohoo! Thank you it works :) (actually last code had already worked on the recipe plugin, but not on lists in the widgets.)

You’ve been very helpful as usual :)

Saghar

[labnoon]

Thanks a lot for answer. It’s funny because I kept comparing the edited code with the one I had copied and I couldn’t see any difference, at the ended I just copied it again and it works. Could you please also tell me how the change the size of the font of the bullet list and the links in the sidebar? I tried this code for list but it doesn’t work.

.content ul.list.simple li {
font-size: 13px;
}

Thanks again :)

[labnoon]

Thank you very much!

However, the styling and spacing of lists remain unchanged. The font is larger. You can take a look at this post as an example http://www.labnoon.com/en/2014/12/31/party-food-squid-lentils-soup/

If you look at the recipe at the bottom of that post, you’ll see that spacing is not applied. I used a recipe plugin. Do you think there’s a way we can apply it to that text too?

The spacing has not been modified in “recents posts” widgets in side bar, and “relative posts” at the bottom of each post either. (plus, can I change the size of the font of these widgets too?)

Thank you very much again for the help.

[labnoon]

p.s. Bullet lists text also appears different in style than the rest of the body. Much large, also the spacing is not applied. You can see a good example Could we fix that too?

[labnoon]

I found this one in another topic and it looks like it works. hope I’m not messing with other stuff
p {
font-size: 13px !important;
}


[labnoon]

actually the first css works on the blog. It’s in each post it doesn’t work (the second css you gave me here)
I also tried
.single-post .entry-content p { font-size: 13px; }
but it doesn’t work either!

[labnoon]

Hello there! I have updated to the new version of read 2 days ago and since then the body font is back to huge! and non of the css above work anymore! and that is only when I open the posts
could you please help me?
thank you very much!
Saghar

[labnoon]

One more question! I notice the pages are now placed under the content and even below my social sharing button plugin and they’re aligned to right. Could please tell me if it’s possible to have them aligned in centre and before the social plugin?
thank you very much for the help :)
Saghar

[labnoon]

wow thanks! :) quick and helpful!

[labnoon]

I kinda resolved this with the customer service of my hosting. they did a restore that although is supposed to be from today, looks like 2 weeks ago. my last post is gone therefore. I had a PHP conflict probably with a plugin but we can’t know with which one.

[labnoon]

thank you thank you thank you! it worked :)

[labnoon]

wow! thanks! I used the same css but it was set to 300px! never thought one tiny pixel could make all that difference.

thank you very much for the help!

[labnoon]

Ok thanks anyway :)

[labnoon]

oops sorry I hadn’t clicked save I guess. now it’s 300 px. if you look carefully the little birds, the dotted line and the top of N in noon are blurry!
I have the custom css

h1.site-title img { max-height:300px; }


and I thought it would cause the problem, but when I removed it the logo was resized to a very small logo!

thanks for the patience

[labnoon]

yes, I changed it first to 300 px as you said, and it was blurry, specially more so in the middle. (that was when I wrote you), then I tried to see what happens if it’s slightly larger. anyway, even the 300 px is blurry, now I put it back so you can check if you want.

Thanks a lot :)

[labnoon]

Thanks for the advice! is there anyway I can have all of the buttons at the end of the content but WITHOUT the drop down button as I already have it at top?

[labnoon]

Thanks! I didn’t think it could be the reason. Now the image is exactly 300 px in height and it’s even blurrier! it’s not blurry on the sides as it was before but it’s blurry right in the middle where the logo is. This is really weird!

Thanks for the help :)

[labnoon]

sorry the image height should be max 21 px. , and center aligned

[labnoon]

Hi! Thank you for this css! it’s really awesome!

I have a question though! the image tiles, how can I just have one image, aligned to centre, with the max width of 110 px? (I want to create the image bigger for the sake of quality)

You’re amazinge. thank you!

[labnoon]

it’s http://www.labnoon.com

[labnoon]

Thank you very very much! everything looks great! amazing job! :)

[labnoon]

HI, for those of use who use a theme child, what should we change in the theme child? just the number of the version?

[labnoon]

@ahmetsali
thank you very very much! everything works great except for number 2! I don’t know what has happened to the comments. I have removed both
body.blog .comments-link { display: none; } and
.blog-posts .entry-meta {
display: none;
}
but still I have the comments link in the blog (I don’t want any meta in blog, maybe I’ll just leave the date, but nothing else) and I still I don’t have comments link in each post!

thank you again, you’re unbelievably helpful :)
Saghar

[labnoon]

Hello. I was just trying this css and it’s great, the only problem is that I have many text widgets where I use facebook and instagram plugins and other banners, is there way I can add different images to the title of each text widget?

thanks a lot for your help!

[labnoon]

regarding issue on 1. these are all of the custom css codes I used to modify meta displaying on blog and post

body.blog .post-category { display: none; }

body.blog .post-date { display: none; }

body.blog .by-author { display: none; }

body.blog .comments-link { display: none; }

.blog-posts .entry-meta {
display: none;
}

.edit-link { display: none; }


now I have removed them all and they all appear on the blog, but in each post comments are still missing!!!

I’d appreciate your help, thanks.

Saghar

[labnoon]

Thank you Ahmet. I wanted to keep the topics separated but I think I need to merge them now here. Here I had asked to how to remove meta from the blog and not from the posts (except for author) http://www.pixelwars.org/forums/topic/how-to-remove-date-category-author-from-all-posts/#post-13303 which is fine.

and here as you know I had asked about modifying the text size both in the title and body http://www.pixelwars.org/forums/topic/text-logo-size/#post-13431.

So here are all of my problems that are somehow related (I think).

1. The most serious problem: Comments have disappeared from meta when I open a post (I only wanted author and edit to disappear).

2. when I open a post the title is still huge, I want it to stay as small as it is on the blog.

3. Still no luck changing the text size of the body. Also for this one I would like it to be the same (small) size both in the blog and in each post.

my address is http://www.labnoon.com, would you gently check what I have done wrong? Thank you for the help and support.

Saghar

P.S. There’s new update for WordPress, do you already suggest updating? (I am using a child theme)

[labnoon]

@ahmetsali wow thank you very much I corrected it! but there are two problems, one is that when I open the post the title is still as big as it was before, and it’s not pretty.
and the code provided in the documentation to resize the text still doesn’t work.

h1.site-title {
font-size: 4em;
}


[labnoon]

yeah I was thinking about it too the other day. it would be amazing if you could make it possible.

Thanks.

[labnoon]

Thank you Mehmet, but that eliminates all of the meta, I just want to eliminate the author (in each post) I have already eliminated the metas from the blog.

[labnoon]

Hi Ahmet!
my site is http://www.labnoon.com, I also tried another custom css I found to edit the size of each post, but that doesn’t work either!

.blog-posts .entry-title {
font-size: 20px;
}


[labnoon]

Hello. I’m using (a child theme of) Read WP, thankfully in which these codes work just as well. so I have removed all post meta from the blog. but when I open each post they’re still present, which is fine except for the author which I’d like to remove definitely from everywhere. how do I do that?

[labnoon]

Hi! thanks! this is exactly what I found in the documentation and it doesn’t work! very strange.

[labnoon]

Thank you very much! perfectly to the point :)
as for 1. I had already read and found it a little complicated and hoped there would be an easier way. I’m going to try and I’ll probably be back for more questions.

[labnoon]

I forgot one!

4. how can I eliminate the margin on top of the image logo?

[labnoon]

OH thank you! it’s embarrassing I didn’t know about this existence of this! very useful.
any way I tried the code to change the size of the text, modifying the value of 5, but it doesn’t work. strange.

[labnoon]

HI guys,
this is probably a very dumb question, but where can I find Documentation?

Thank you

[labnoon]

wow thank you!

[labnoon]

Thank you really really much! you have been an amazing help! Finally it’s how I wanted it to be :)

[labnoon]

I resolved this, I wanna share the solution I found in case somebody else has the same problem. Although I had copied the Font Awesome folder in the right place in the theme and did the other steps, the only way that really worked was the first method from here http://fortawesome.github.io/Font-Awesome/get-started/ which is the BootstrapCDN. copied that in the header.

[labnoon]

Thanks for the quick reply! That does work, but as it’s clear it takes off the underline from all of the widgets. while for the text widgets with social icons it’s exactly what I wanted, it doesn’t look very well on my blogroll, my archive and other widgets with links :(
sorry this topic has been going on for so long now. do you think there’s a way I can apply it only to that widget? or only to text widgets?

I really appreciate your help guys
Thanks a lot

[labnoon]

ok I give up. it’s code from here http://fortawesome.github.io/Font-Awesome/icon/facebook/, with right size and the href

[labnoon]

this is the code, (without the spaces naturally) I hope it shows up this time

<a href="#"><i></i></a>

(how can I write code here without making it execute?)

[labnoon]

Hi again! I’ve tried to play with the custom CSS and I finally modified like this

.fa-facebook {
/* color: #bbb !important; */
border: 0 !important;
padding-right: 20px;
}
.fa-facebook {
border: 0 !important;
color: #BBB !important;
}
.fa-facebook:hover {
background: none;
color: #3B5998 !important;
}

and it works on font awesome html that I put in my text widget in the side bar which is

and everything works fine except the fact that I still get the dotted underline and beige background when mouse hovers on the icons. I’ve tried adding the text-decoration:none !important; to my custom css, but no matter where I put it I still got the underline.
you can see it here http://www.labnoon.com

I hope you can give me hand with this.

Thank you endlessly, really.

Saghar

p.s. do you think the padding I added to the right of each icon is the most reasonable way to separate them or there’s a better way to do that?

[labnoon]

Hi @Mehmet and thank you

the first code you provided works well and the colors work just as I wanted thanks to the custom css that Ahmet provided before. but I think they’re from JustVector icons and I don’t like their design and I prefer the design of Font Awesome.

As for the second code, which apparently is Font Awesome, it doesn’t work. I assume it’s because I had updated Font Awesome in the theme to its last version (4.0), following the steps you had suggested for a similar upgrade in another forum topic. do you suggest I start using the 3.2.1 version?

I used the example for the 4.0 versions, http://fortawesome.github.io/Font-Awesome/examples/ and the icon appears, and the links works fine and everything. the only thing is that I couldn’t change color, the hover color and the dotted underline. and Ahmet’s css didn’t work on that (it works on JustVector, your first code)

Thank you again for the pacience

[labnoon]

this is the snapshot of the code in text widget http://postimg.org/image/acxc12woz/

[labnoon]

ok. this is a the code I used from Font Awesome in my text widgets

[url=http://postimg.org/image/acxc12woz/][img]http://s21.postimg.org/acxc12woz/Schermata_2014_02_25_a_22_28_33.jpg[/img][/url]

(pardon the snapshot, but couldn’t find a way of writing the code here and make it appear as text)

my site is http://www.labnoon.com which is still in a phase of construction.

Thank you for the patience :)

[labnoon]

It doesn’t work. :(
I have this

the color doesn’t change when curser hovers and I still have the dotted underline and beige background.

p.s. (anyways to make the link open in a new tab?)

[labnoon]

Thank you, thank you, thank you! :)