I need a plugin to chrome which will remove provided class from body/html tag on specific webpage.
Example: my bank just changed it's website and I discovered that I just need to remove class 'lifting' from html and body tag to bring it's old look.
Any ideas?
There is a plugin called "Stylus" which you can use to apply custom CSS. Thus you migth be able to override it.
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
Related
I have tried to add styling to tag and tag around the phone number and that does not work. I also tried adding a script before and after calling the class as .span.gc-cs-link {color:#color;} but that also does not work. I am running chrome with a google voice extension - could that be what is causing it? Either way it would be nice to know how injected stylesheets work and how to override their styling.
enter image description here
You can use this HTML encoded dash in place of the - character to avoid the issue:
‑
555‑555‑5555 would be
555‑555‑5555
I want to hide the date on this page.
I tried to change it inside joomla but I couldn't. It's not an article but a JKit page and there is no such an option.
I used the "inspect element" feature to find the corresponding css file and line (bootstrap.css #554). When I change the element through the "inspect element" menu its working but when I open the css file and change it, it doesn't work.
Any suggestions how I can hide it?
p.meta {display: none;}
That ought to do it. Granted, any other metadata will also be hidden. You should add this to a custom CSS file and not modify core Joomla or extension files.
I find it hard to believe that jKit doesn't have a setting for that. (Update: I see that jKit is very new and lacks good documentation.) Also, a template override might be more to your liking.
Most Joomla components allow you to control things like this in the options for the items and also in the menu options when creating a menu link (or setting the global options to change the default behavior. If this component does not, make either an alternate layout or a template override (depending on whether you want to always change this or just on this one page). If you go into the template manager, template view there is a system in place that will automatically create a copy of the layout and put it in the right location. Just edit that to show what you want.
Ok so I solved by editing the according .php file of the component.
I just removed the echo line of the date.
Nothing else worked.
It might sound like a duplicate of a lot of questions, but what differs in this is that I am building a mail body in CKEditor where I must apply inline-css as I don't have class in the user's mailbox.
I am applying inline-css but that is removed automatically by CKEditor. Any solution or suggestion for this?
You might not have configured the allowed content.
see: http://docs.ckeditor.com/#!/api/CKEDITOR.feature-property-allowedContent
W3C validation shows me that two css files mediaelementplayer.min.css & wp-mediaelement.css loading inside body tag
Below the code (on wp-includes/script-loader.php) adding these stylesheets,
$styles->add( 'mediaelement', "/hr-includes/js/mediaelement/mediaelementplayer.min.css", array(), '2.13.0' );
$styles->add( 'wp-mediaelement', "/hr-includes/js/mediaelement/wp-mediaelement.css", array( 'mediaelement' ) );
Is anyone know the reason why this particular 2 css files adding with body tag ?
Is any way to call those inside head tag ?
With the use of HTML5, it has introduced many new inbuilt elements for more SEO semantic purpose and ease of use too.
Some of them I can listed below:
section
article
address
video
audio
Video and Audio tags are we can consider as media tags. To use them is very easy and convenient.
Previously we need to use FLASH or SILVERLIGHT object to create a player while HTML5's media element provide inbuilt support for video and audio players.
The files you have mentioned would have styling for these players.
Please correct me if I am wrong.
Vin if you are using a packaged Wordpress theme, then the developer has added these for styling aspects of that theme. If you are not using the MediaElement javascript player then you could safely remove those CSS calls.
I am wondering if there is a way to use custom css for some specific text on my confluence page (not using embedded HTML).
Sorry this is an old question, but for the sake of people who search for an answer to this question: you can use span or div macros and use the custom css to apply whatever style you want to their contents.
If necessary, you could create custom div and span classes to allow for multiple styles to be applied to selections of text.
EDIT: Here is an example of the wikimarkup you could use to do this
{div:class=customCss|style=float:left; margin-right:50px}
Custom text in a div
{div}
So you can either use the div class and apply a style in the custom css for the confluence space, or you can use an inline style for the div.
You can do this ...
{composition-setup}import.css=/download/attachments/123456789/custom.css
{composition-setup}
That's if you've stored a custom.css file as an attachement. You'd obviously need to replace 123456789 with the actual attachment number.
You can also link CSS on an external site (with an absolute URL), but if you have any automatic URL formatting, that tends to mess it up everytime you change the document.
I use a User Macro that renders the $body in HTML. Then I can put whatever HTML tags I want in the wiki page within the user macro tag.
There could be a way to reach what you want to reach, but there is some information missing (from you). What confluence allows is the following:
If you have admin rights to the confluence wiki space, you could add there a custom style sheet that applies to all wiki pages. Else you could follow the answer of Mus.
Then you should analyse the wiki page in source form. So load a wiki page you want to style, and look at the source of that wiki page in your browser. Depending on your browser, this may be CTRL-U or something similar. Here in chrome, the page menu says View page source.
Try to find the defining selector for your wiki text you want to style in some form. A reasonable hack could be:
Find a wiki style that is not used by others. I have experimented with ~subscript~.
Find the HTML tags that are built by using that style. In my example, it was <sub>subscript</sub>.
Use your custom style sheet to style text of that style.
However, this may change the text where the style is used for its original sense :-(
You can specify custom CSS in your Confluence page via the div and span macros.
In recent Confluence versions (4.0 and later), you can do this as follows:
Type {div} or {span}. On typing the closing brace }, auto-complete will convert the text to a macro.
Left-click on the frame of the macro and select the Edit button
Enter the custom CSS into the Style field and close the dialog
Enter your text into the macro frame. It will then have the style you specified.