JohnPhilpin
JohnPhilpin

@JohnPhilpin is wondering if the gods of micro.blog could guide me a little in some css?

the offending page

over on the left i am running a widget that exposes the last 10 posts from micro blog

Offence

i have been trying to manage how the the blockquote appears ... and for the life of me cannot get it to stop going over to the left - how do i rein it in, so it is inline with everything else. There is obviously something controlling it other than blockquote ... truly appreciate any ideas / direction.

(This is an example of why my tech friends don’t think I should be allowed my own computer)

|
Embed
philbowell
philbowell

@JohnPhilpin You have some media queries that are adding margin-left that has a negative value. The rule seems to be applied on .widget blockquote. You could remove the rules, or target .microblog_text blockquote to remove it.

|
Embed
SimonWoods
SimonWoods

@JohnPhilpin It might take steps. First try adding:

blockquote { padding: 0px !important; }

|
Embed
JohnPhilpin
JohnPhilpin

@philbowell aaahh .. many thanks ... back on a phone ... but will look later ... Thankyou. And media queries ... I know they are important ... but really need to spend. Ire time learning about them .... right after I get WebMentions properly working ...🤯

|
Embed
philbowell
philbowell

@JohnPhilpin Ha, they can be tricky sometimes especially if they have a lot of rules they are altering.

|
Embed
JohnPhilpin
JohnPhilpin

@simonwoods 👍🏿 Thankyou - I always forget about ‘important’ ... mainly because I am told not to use important cos it can mess you up later ... then again - I’m messed up before! So what the hell....

|
Embed
Miraz
Miraz

@JohnPhilpin I’ve looked and looked at this … My conclusion is that if you were to remove the top border and background colour of the blockquote within the widget you wouldn't notice the slight bleed into the left margin area. I can't for the life of me see what’s causing that bleed.

|
Embed
JohnPhilpin
JohnPhilpin

@philbowell many thanks ... long time coming back because it is a long time since sitting on a non ios device to do what was suggested … but targeting .microblog_text blockquote did it - very much appreciated.

// thanks also to @simonwoods and @Miraz for your insights.

|
Embed
Miraz
Miraz

@JohnPhilpin Aha! Glad someone was able to solve it.

|
Embed
SimonWoods
SimonWoods

@JohnPhilpin Glad you got it sorted. 👍🏻

|
Embed
philbowell
philbowell

@JohnPhilpin happy to help, pleased it worked 👍🏻

|
Embed