Does anyone know css here? and can walk me through this?

Does anyone know css here? and can walk me through this?
0

#1

how to center google search results

going to use this https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

i dont know how to do this, seems very hard

what exactly do i need to know

i dont know how to use the chrome inspector thing, is the firefox dev tool thing easier to use?


Need the best css editor, gotta look at some code
#3

You mean in literal way? or are you doing a mockup of google search results?

Literally you can’t do that, you need to modify their source code.
If you are doing a mockup, simply wrap them around center tags or give them margin auto.


#4

ill rewrite the op:

can someone walk me through this?

site: https://www.google.com/search?q=css+guide&tbs=qdr:y

goal: how to center google search results

using: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

or : https://chrome.google.com/webstore/detail/styleurl/emplcligcppnlalfjknjbanolhlnkmgp

or: https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol

whichever you think is simplier

have no idea how to use chrome inspector thing, is it simple?


#6

Wrap the contents you want to be centered like this.

<center>
contents
</center>

or give your content css property of

display:block;
margin: auto;

to center them.

If you aren’t sure what I am talking about, I suggest you go to FCC and take responsive web curriculum.


#8

You need to add the scope rule for the site. Then you need to figure out the parent element of the search result and set the CSS.

Or just use an already made style, you can also look at the CSS of the styles to learn more.

Info on writing styles


#9

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)


#10

If you were to write it starting from a blank page you would need to add the scope yourself, the fact that the extension can add it for you does not mean it’s not needed. Also, i don’t really know the extension, i just looked at the documentation.

Look at this to see how it is done (or just install it if you are not doing it to learn but just want the functionality).


#11

that link is not good,

is confusing and leads to the same conclusion as in the op

i dont know how to use the chrome inspector thing, is the firefox dev tool thing easier to use?

it also does not tell what i need to know to do this

are not doing it to learn

said in the op

can walk me through this?

so im very sure its to learn


#12

why is css so complex

and something as basic as just centerring g serach results

is so incredibly hard and complex and nobody knows :confused:


#13

It is not incredibly hard, and what do you mean nobody knows? I already gave a link to how it is done, your task is to learn by looking at the CSS in the link i gave, and learn how to use the dev tools. I already asked you if you are asking to learn and you said yes. So go learn. If i give you all the steps i am giving you the answer, that is not learning, that is simply being shown how something is done.

Example:

You come to me and say, man i really want to learn to play this song on the guitar. I then proceed to play the song, look up at you and say “there now you know how to play the song”. No, you don’t know how to play the song, now do you?