Did someone knows how to remove the print text preview button in print preview pages in joomla? because i just want to print all the information in the article without the print text in the first line of the paper thanks!
Without a screenshot it's not really clear which button you are talking about.
In any case you can target the style for the printer in 2 ways
One is directly pasting this in your css file
#media print {
#pop-print {
display: none;
}
}
#media print is the media query for the printer here you can read the documentation.
The other way is generate a specific css just for the printer, eg printer.css.
In this case in your <head> you have to insert
<link rel='stylesheet' media='print' href='printer.css' />
and after in printer.css you can insert the same code as above but that time you don't need #media print .
Note:
If it's just for this time the first solution it's ok, if you have to work a lot on the print layout I suggest to use the second method.
Related
While working on different big .NET and Angular projects, I saw sometimes CSS or JS code becomes to lengthy in single file. At that time we have to scroll so much time find piece of code to modify. We usually give comment to differentiate CSS or JS section something like below.
/************************************************************/
/* Update By Contactor 1 : 30-4-2019 : New Style for Profile*/
/************************************************************/
body {
font-size: 16px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}
but it still difficult find comment and react to particular section.
I have simple section, is it possible to reach to particular line in CSS or JS in Visual Studio or VS Code from Comment summary.
Eg.
/* Colors */
/* Pink: #ed1849 */
/* Blue: #006aad */
/*Style for Profile Page*/
/*Style for Order Page*/
/*Style for Review Page*/
like clicking on any above comment can scroll to particular section. I
know about Ctrl + G in built feature to jump to particular line,
but for it I need to aware about line number which is difficult to
track for large file
You need to have a unique comment line preceding a code section, like
/* <Style for Profile> */
Then you can search for it from comment summary or use my Favorite Documents extension for VS to add these lines to favorites.
I have created a Login page using Oracle Apex 5.1 where the region template is "Login". I want my region title to be bold and also want to increase the size of the title text. How can I achieve this?
I am sorry if this question is very noob level question. I am new to Oracle Apex and have spent several hours to achieve this. Could anyone help me solve this problem?
You can use HTML in any text fields like titels, headers, region text etc.
<p><font size="20" face="verdana" color="green"><b>This is some text!</b></font></p>
Also you can put region static ID and make custom styling with CSS (in page Inline CSS or in ThemeRoller)
Edit:
Just simple example:
I have Colapsible region with static id: reg
Region title is h2 elemnt in the Div so in inline CSS section put something like this:
#reg h2{
color:red;
font-style: bold;
font-size: 24px;
}
Change color, size, style or delete some lines until you are happy with the result.
You can use many style properties like drop shadows, font type, margins, paddings etc.
Use google search for more about CSS styling.
Is it possible to add css rule to an element at some page by adblock?
Something like this
#myElement {
color: white !important;
}
I tried to find a script that updates style of this element on page load but it seems that it is not a best way.
It's possible to do it on uBlock Origin and Adguard (as far as I know). Each has its own syntax for the styling rules, but uBlock is capable understanding both.
Here is an example of a CSS rule that changes Twitter background:
twitter.com#$#body.logged-in{ background-color: #8c8787 !important; }
The styling filters should be constructed like this:
<domain> + #$# + <selector> + { <style> }
Just avoid puting a space between the selector and the opening brace. Cause it can give you some trouble. Reference:
https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#style
https://adguard.com/en/filterrules.html#cosmetic-css-rules
The other answers weren't working for me but there is a way to change an element's style:
example.com##h1:style(background-color: blue !important)
Make sure not to use curly brackets.
There is also some documentation on GitHub.
EDIT: As BeeLabeille mentioned this advice seems specific to uBlock.
I don't think it's possible for AdBlock to change CSS properties, you can use an extension like Stylish (available for Firefox and Chrome) to do just that though.
For AdBlock Plus, you can try this:
##.ytp-pause-overlay, .ytp-scroll-min
##.html5-endscreen, .ytp-player-content, .videowall-endscreen, .ytp-endscreen-paginate, .ytp-show-tiles
##.ytp-endscreen-content
This should disable the display of ads during the pause, and recommended videos, at the end of the video.
PS: Ah.. this is not the subject of the question.. this removes the class from the div element. Well, maybe someone will come in handy, to delete unnecessary blocks in the Youtube player.
There is a page on my site with two sets of tabs, each tab's link is ajax-driven but has a proper href in case javascript is not enabled. I'm about to implement an ajax 'back-button' solution using a plugin such as jQuery Address.
My problem/confusion with this solution is that a page's default content is still loaded before the javascript has a chance to parse the hash and load the correct content. If I initially hide the content, non-javascript users will never see anything. If I don't initially hide the content, the user will see the wrong page for a moment before it gets updated (besides the extra overhead of first loading the wrong tab and then the correct tab).
What are the best / most common approaches to dealing with this?
Thanks, Brian
If you use hashes, you will always have the wrong content first. You need to use a server-side solution with the HTML5 History API to avoid this. Read more
You can use:
https://github.com/browserstate/ajaxify
And have the tabs render on the server side with something like if ( $_GET['tab'] === '2' ) // render 2
I think this is a good question. Have you tried using the <noscript> tag to include css that shows the content that's hidden initially for JS users. Something like this:
<style type="text/css">
#area-1, #area-2 { display: none; }
</style>
<noscript>
<style type="text/css">
#area-1, #area-2 { display: block; }
</style>
</noscript>
Hope this helps!
For example,
Text Here
will print out as...
Text Here(../somepage/page.aspx?qs=asdf)
In IE, it looks normal (doesn't print the url). Any ideas why this is acting in this fashion?
Extrapolating from Brett's answer, on Firefox 25, this CSS style removes the offending href:
#media print {
a:link:after,
a:visited:after {
content: "" !important;
}
}
Also, if you're using Twitter Bootstrap as a framework, this:
a[href]:after{
content:"";
}
... will do the trick! (at least in bootstrap 3)
The answer was in the css framework we are using (Blueprint). There was the below line in the style file:
a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%}
Guess this might help others who use Blueprint.
If you want to to be more specific - say remove links within a table, then you could do the following with jQuery.
$(".tableclass tr td a").removeAttr("href");
Just add this in your layout page (Master Page)
a[href]:after {
content: none !important;
}
There is also the semantic reason to print the url next to the link.
Imagine you print the document without the url. You cannot be sure to completely understand the text as it is meant by the author.
It can be necessary for a quote to print the source as well. That is important i.e. for academic texts.
Indeed Bretts answer is correct.
You can avoid this problem altogether on the screen by including the media attribute on the print style link as follows
<link href="../../Content/blueprint/print.css" rel="stylesheet" media="print" type="text/css" />