hey my google css request disappeared?
site: google search results pages
wants/needs/goals:
decrease font of the 'title of the search results'
increase font of the 'green url'
switch the position of the 'title of the search results' and the 'green url'
for example,
so that means to show the 'green url' first
& 'title of the search results' after that
seems like a simple thing but maybe not? is this possible?
i dont know any css/js
Comments
For 1 & 2:
In this case number 3 is not possible with CSS because the items to rearrange are not direct children of the same container. JavaScript needed.
No, you need to learn html and CSS to understand.
!important
overrides other rules by giving it a higher specifityhttps://www.w3.org/TR/CSS2/cascade.html#important-rules
em
is a relative instead of absolute (px) value and more or less best practicehttps://www.w3.org/Style/Examples/007/units.html
#rso
is an arbitrary identifier name set by google. You need to find them out by inspecting the html code. Developer tools: Ctrl+Shift+CIn CSS no practical or overly complicated ones (reposition everything using
position:absolute
or stuff like that). Extreme workarounds are not worth the effort as you have to rewrite everything if google changes a tiny bit of their code.;))
Can't say that. Maybe mozilla has a few more words for explanation and examples than w3, which is more technical.
No, it depends on what you want to do and most of the time it's dead easy. 1. Find out identifier / selector via developer tools 2. Apply your style to the selected element like font-size or background-color
We're not building our own stuff but modify highly advanced stuff. That's why sometimes advanced understanding is needed. You won't get that in two weeks.
As our goal is to overwrite the existing rules, that's what we do. Put !important after each of our own rules.
I don't know, just google.
Videos are most of the time pretty shitty as you can't go on your own tempo, need to pause, rewind and spoken language often is not as clear and precise as a text that has been read through several times
You should read the whole thing and not just the bold stuff... it takes time.
HTML knowledge is always required before learning CSS.
It depends on your own code. If google only changes a classname, you can search and replace that for the new one. If they change the whole html structure you have to rethink through all your selectors.
It's not a flaw in CSS. It does a great job. But it was never meant for the thing we use it for. It was made considering to have full control over a websites' html and css, which we don't. We only overwrite foreign css and have no control over the html at all, which is a bit hacky if you want to call it like that.
It depends on what you want to do. Js is more powerful, but much more complicated and harder to maintain. It can change the html structure.
However the tasks are split and usually you need all three for a decent website:
Meanwhile css can do more and more common things that you needed js for in the past like animations.
Analouge to Stylus as injector for CSS with userstyles.org as library there is Tampermonkey for JS with greasyfork.org as library. You can test and see the differences.
(There are alternatives to the above mentioned projects, but those are good examples)
if no break on your DPI / Zoom page or something else (e.g template google generated with other class / elements positon in HTML tree). Maybe wrong understand switch positon.
You should add some class to extend support e.g twitter post, videos in google results - possible use
regexp
for part of style.So here can be a better script many times if no possible fix relative positon in only CSS /
regexp
.X(
No this is complete break google search results:
Padding and margins in my opinion works better / safer.
Sometimes not standard zoom or dpi can broke the page as it is anyhow done or the style of Userstyles is of poor quality.
Imgages thumbnail video they cover the link after being moved by CSS itself.
I could not correct it with CSS only - because this elements does not differ much from the normal link with the description of the page.
At least I do not see what to distinguish them like not the URL (
regxp
- Help with@-moz-document
andregexp
).sorry, here is the full code:
what is this code that works doing differently from teh code in this thread?
I do not know, for my still show bad:
hmm.. that's weird, i guess there's a big difference between chrome & firefox?
Big - maybe no:
Opera 53.
Still position glitched.
I admit that changing the
font-size
quasi-changed shape letters (maybe it seems to me).is it cos of the web client (opera) then?
i really dont knwo why diff web clients affect the same exact code so much
it makes things lots more complex than it needs to be
but it works on chrome
on chrome the code i put doesnt work anymore, not sure when it stopped working exactly
dunno why, used to work tho