Edit the css of a theme

Hello

How can we edit the css for a built-in theme file? Can we download a new css file and use it instead of the default css, if yes how?

Thank you
Machaan

Hi Machaan,

You can download your own style sheet in the application and override the styles of the model.

(1) go to the shared components > files > Cascading Style sheets

Download your own .css file (I did by copying the existing stylesheet of the model, using Firebug and then only by changing the styles you want).

(2) then you will need to make sure that this .css file is referenced whenever a page loads.

Go to the components shared > models

Filter so that only your Page templates are displayed for the current theme you are using (it should stay about 11).

Then, in the definition > header field, you must include a reference to your stylesheet customised under the existing reference.
You must update all the page templates 11.

Something like:


I use APEX v 3.1 and it works for me.

Amanda.

Tags: Database

Similar Questions

  • Are you supposed to be able to edit the css "bootstrap"?

    When are you supposed to be able to edit the css "bootstrap"? When I go to make a new html page, I add data priming, but can not modify the Bootstrap Css file when I go to make a new html page, I add a bootstrap, but cannot change the Css Bootstrap file it says read-only?

    pietrosanti_m wrote:

    When are you supposed to be able to edit the css "bootstrap"? When I go to make a new html page, I add data priming, but can not modify the Bootstrap Css file when I go to make a new html page, I add a bootstrap, but cannot change the Css Bootstrap file it says read-only?

    You can change the Bootstrap default css file, but unless you know what you are doing I would not touch. He is blocked for some reason - it contains many lines of css code that you probably don't understand and if you replace accidentally vital of it parts then the page does not work as it should.

    After having said that if you want to change it, click on the file and make it editable / writing (not recommended)

    What you need to do is to create an another style sheet, bind it to the page AFTER the link to the css Bootstrap file and make changes to this

    .accordion1 h2 {}

    blah: blah;

    }

    . NAV {}

    blah: blah;

    }

  • Where to edit the CSS?

    When I export I do not see CSS file, so I guess you cannot subsequently change the CSS code? or at least not easily.

    It is in the js file.

  • to edit the css for font size

    to change the font size of the 11 is the page to be changed? If so
    which should I change?

    {b}
    do-family: Arial, Helvetica, without serif.
    }
    TD {}
    do-family: Arial, Helvetica, without serif.
    padding: 1px 1px 1px 1px;
    do-size: 12px;
    }
    Th {}
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    text-align: left;
    }
    pre {}
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    }

    {.smallText}
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    }
    {.pageHeader}
    do-family: Arial, Helvetica, without serif.
    do-size: 18px;
    make-weight: bold;
    }
    {.tableBorder}
    border: 1px solid #000000;
    }
    {.tableBorder_noLeft}
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    }
    {.tableBorder_topBottom}
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    }

    {.tableBorder_dbl_rtb}
    border-right: 2px double #000000;
    border-top: 2px double #000000;
    border-bottom: 2px double #000000;
    }
    {.tableBorder_dbl_tb}
    border-top: 2px double #000000;
    border-bottom: 2px double #000000;
    }

    {.answersInFrameText}
    do-size: 10px;
    }
    {.answerText}
    padding: 1px 1px 1px 1px;
    }

    Check which element you want to change the font size. (Eg., tr, td, th, pre, daily, pageHeader are some of these categories, you have with our CSS) then change the attribute are size to 12px as "do-size: 12px;"

  • How can I add the CSS styles used by Firefox player mode?

    When loading from the view of the reader, the text is aligned to the left by default. I would like to be well to the left and right justified. At present, I can arrange this by editing the css style in the view "Inspect element", but it's not permanent (and we don't know where the player load css style). Is there a way to make such a change in the permanent reader view css style?

    See also:

    • chrome://global/skin/aboutReaderControls.CSS
    • chrome://global/skin/aboutReaderContent.CSS

    The main switch is #moz - player - content

  • string ' / viewController-context-root "automatically get added in the CSS rule

    My version of jDeveloper is 12.2.1.0.0


    I expanded the alta-v1 skin and put a CSS rule in there that would apply to a background image of an element. The CSS rule is as follows:

    .notification.bell{
        background-image:url("/images/bell.png");
        background-repeat:no-repeat;
        background-position:center center;
        background-size:70% 70%;
    }
    

    When I run the page and display the CSS rule in Firebug, this is what happens in:

    .notification.bell {
      background-image: url("/ViewController-context-root/images/bell.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 70% 70%;
    }
    

    I made sure that I am editing the CSS file by changing the name of the file from bell.png to bell2.png and it was reflected in Firebug. What I can't understand, is why is the extra string added to the URL and hence.

    PS: I also noticed a strange thing at the moment. The URL in the address bar appears as

    http://127.0.0.1:7101/ViewController/faces/home.jspx

    Should also contain the name of the project? Something like this:

    http://127.0.0.1:7101/myProjectName/ViewController/faces/home.jspx

    A I spoil with a frame inside jDeveloper?

    User, I need to check the css thing. I have never seen it myself, but never looked especially for her.

    The second part of the question is easy to answer: the string you see is defined in the viewcontroller project root context parameter. Set this parameter to something that you like and start the application again. You should see the new value of the parameter.

    Timo

  • Changing the CSS in a standard templete

    Hello

    I would like to change the CSS in a standard model.

    t2OptionalwithHelp in this case

    By reading the topics in the forum, it is best to not edit the CSS directly.

    My problem is very basic...

    (1) where the CSS are organized, for example, where can I find t2OptionalwithHelp?

    (2) who is the best way change t2OptionalwithHelp?

    Any help welcome

    Thank you

    Pete

    Pete,

    In both cases, you need to change all the page templates that require CSS changes to reference a CSS file.

    Like I said, it was, you get better performance if you upload a CSS file to your web server and reference this file outside of your page templates, if you upload the file in your Apex application (via components shared-> Cascading Style Sheets) and that this copy of reference.

    The thing to watch with this is that if you change the external CSS file to test, your users of production will be affected.

    Hope that helps,

    Stew

  • When I am using firebug how to enable editing of css source code? I can use the 'Search' menu edit option but may not change the code. It will not allow that.

    I'm not allowed to modify the source code of my css. I can open a css file
    and see all the code but when I try to change the text, it
    won't do it. I thought I could edit text to update the css files. How do I do that?

    If your intention is to download the file changed on the server, then you must use an external editor.

    Otherwise, you can watch an extension as a Web Developer.

  • APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    ..

    716769 wrote:

    Please update your forum profile with a recognizable username instead of "716769": Video tutorial how to change username available

    APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    APEX 5.0, application themes are announced to a default theme. As a result, the theme templates are locked and cannot be changed. To change the templates, unsubscribe the theme of the master.

  • LR 5.7 cannot find my files already edited because I accidentally deleted them. I have original and exported raw files edited JPEG images on an external hard drive. How do return on LR the possibility to repeat already published photos complete with the p

    LR 5.7 cannot find my files already edited because I accidentally deleted them. I have original and exported raw files edited JPEG images on an external hard drive. How to get back on LR the possibility to repeat already published photos complete with a history of editing? Thank you.

    Thank you Joe Maniac.  I deleted the original linked files on my internal hard drive which were dng files, but had copies of the raw files edited and edited the exported raw files (in JPEG format).  I don't have copies of dng files.  So what I ended up having to do was import the original raw files which then made a DNG copy on my internal hard drive.  The link has not changed, but now the files were back in the original track for missing photo alerts disappeared and I was able to see my change history.  The process has been painful, but without the dng, I had nothing to do a link to more if at least re-import them files has recreated the dng.  I don't know if there was an easier way, but it seemed that the problem did not the link deletion.  I use LR for a few years, but it was a rookie mistake, precipitated by my hard drive being so jammed up I ended up delete what I shouldn't.  I should have just moved the dng and the link to an external hard drive. Thanks again.

  • I find no 'organise pages' in the new adobe.  How can I delete the pages and move them in a PDF document? I can't find this service, and when I click on edit PDF learn more page appears saying to add/delete/move pages there is a cost per year? It's always

    I don't see how to move and delete pages in the new adobe.  The previous version had a small page icon on the left and when you clicked it you could click the pages and move them.  Or press Shift Ctrl D to delete pages.

    Now, I do not find it on the new Adobe - or can not find this button "organize" in the toolbar or under Tools.

    When I click the button Edit, it leads me to a page telling me that there is a fee a year to move/remove/add pages.

    You can move and delete pages with Adobe Acrobat, not Acrobat Reader.

    You can buy Adobe Acrobat.

  • More information on BC dynamic menus and using the CSS with them

    Hi all

    The tutorial of gurus of BC on the dynamic Menus and how to style with CSS didn't make any sense for me, unfortunately. The presentation was too rushed and the screen is too small to see what was going on.

    In a previous question, I discovered how to apply CSS classes to the BC menus after a bit of a course autour.

    I put the # in front of the name of the item ID and a. in front of the class name and it was not necessary.

    I have other questions, as I am still struggling to get a dynamic menu BC style correctly with the CSS I created.

    1. If you choose CSS as the menu type, can set the font, the State of reversal and color of background of the menu items in the dynamic menu section? Or are you to this style in the CSS stylesheet?

    2. If you choose CSS as the type of menu, the option to say how the submenu is located under the main menu disappears. Then you need to define in the CSS stylesheet? And if yes in which element? UL or LI?

    3. If you choose only CSS/HTML, how is this different from the CSS option to the dynamic menu?

    4. If you choose CSS as the type of menu and if you set the width and height in the menu item, and then set a different width and height in the CSS stylesheet, the width and height wins?

    5. If you want a dynamic menu to display on an Android phone, you have to choose only the CSS/HTML and do all the style in the CSS stylesheet? Or you can avoid dynamic menus all together and just use a UL list in the model? (I'm a reagent liquid checkerboard in DW for the model).

    6. I think the dynamic menu, I have done with CSS as the type, not to show and hide items in menu void correctly on an Android phone. Is there a problem with the javascript in dynamic menus?

    Thanks for any help that you people can give on these issues!

    OK, I found out what was the real problem. I did not use the menu Module 2 V to insert the menu into the model. I made the mistake to use the label menu in the Toolbox by default.

    The menu module V2 tag is NOT in the Toolbox.

    The tag is: {module_menu, version = '2'Flash '5475' =, moduleTemplateGroup = "Default"}

    When you configure the menu items in the Menu Module in the main part of the site, select the type of menu CSS/HTML, and then just set up links and menu items. No need of style or even add classes of menu items. Although you can also do.

    The elements you style are found here: / ModuleTemplates/Menu/Default

    Problem solved 3 years later! Thank you, @Penny of the Fortune Green who explained it all. In the meantime, I've used content holders to implement lists ul for menus and their style entirely in CSS. Laughing out loud! Welll it wasn't bad, I learned a lot about CSS.

    Details of the Menu Module 2 can be found here: using the module_menu v2

  • Cannot see how to change the CSS properties in CSS designer in 2014 CC DW

    I've recently updated for DW CS5 until 2014. I noticed that the 2014 version doesn't have the possibility to make changes in the CSS properties using CSS designer. In DW CS5, I could easily change CSS properties in the CSS box. Now with 2014, I must open the CSS page and manually enter the values in the code for the line. This seems to be a huge step backward. On that note, since 2014 shows the CSS style tags element in Design view, it would be great if you can click on them to go directly to the Properties menu. This function, as it is now, is a bit useless. I hope that Adobe makes it easy access to the CSS on the next version of the software.

    Much has changed since CS5.

    CSS Designer: A tool of Visual design in Dreamweaver cc | Inspired by Adobe Magazine

    Personally, I find manually adding the code in the .css file to be much faster than the CSS panel or the new CSS designer, but you can certainly add/edit css to use. I wouldn't call it worthless until you are faster to manually code than to make selections in the menus of many however in the designer.

    You need not open the file .css separately. You can click on the name of the .css file in the bar of dependent files at the top of your document that the css is attached, to view its source code and make changes there.

  • Command of the CSS class

    Hello

    I use 11.1.1.6 JDeveloper and Oracle ADF Skin Editor 11.1.2.3. I have browsed the sites of the community and not found a question / answer on the question, I am facing.

    I was able to create custom in my custom appearance CSS classes and apply them to my project WCP via JDeveloper. Personalized my CSS class (.) HeaderTitle1) is applied to the element of the ADF (outputText) through the styleClass property. (In my browser), I see that my custom class and the integrated ADF class are applied to the outputText component.

    The problem is the ADF integrated class to take my class. Based on CSS rules (see This example), it's because the class of the ADF is set far in the CSS file (or later if loaded in a separate file). I looked at the CSS file in the Chrome developer tools, and I see only 1 CSS file and my custom CSS classes are in the middle of the file with the ADF classes before and after them.

    Question: Is there a way I can control the order of statements in the CSS file? How can I make sure that my custom CSS classes will take precedence?

    Thank you!

    Of course, Alejandro. This is actually not an outputText (which is one of our use cases), but by applying a custom style for the goLink component that gives us grief.

    Here is my css:

    .HeadingTitle1
    {
      font-weight: bold;
      font-size: 24px;
      text-transform: uppercase;
    }
    

    Here's how I'm referencing this css in my .jsp file:

    
    

    The result (via Google Chrome tools):

    Edit Address
    

    Hmm, actually, looks like I solved my problem. Looking at the source of the CSS file, I can see that the HeadingTitle1 class is set AFTER the class af_goLink (which contains the properties I'm afraid with):

    .af_goLink
    {
         font-size: 15px;
    }
    ...
    .HeadingTitle1
    {
      ...
    
      font-size: 24px;
      ...
    
    }
    

    Based on this demo CSS, I thought that the problem was that the class af_goLink defined later in the CSS file, so that it outweighs my custom CSS class, but it looks that it behaves the way that I need / expect.

    Not sure why I wasn't seeing it all along. Thanks for the help, Alejandro and Frank.

  • DW CS4 'go to the code' does not go to the css code

    When you are in the css Panel and right-click on a particular style, by clicking 'Go to the code' used to put me to the exact location of this rule in the relevant css file. This is no longer. It seems to bring me to the relevant html in the html source code, but code that is useless. Someone at - it ideas? I use this feature TONS and can't live without it.

    Thank you

    Anne

    I just tested CS4 preferences changed to 'Edit using CSS dialog box'. Go to the Code still works without problem.

    Now, I noticed that at the top, there is a new "toolbar" with all of the files that are associated with this document and css files are among them. I did not like it, cause I want the CSS OPEN file when I edit it, so I know not to save and download the right to file in just 2 clicks. I noticed that the css files no longer appear in the "toolbar" - I could have attempted to change these settings.

    The related files toolbar is controlled by the General category of the preferences panel. The fourth element of the top is 'enable related files '. Even with this unchecked, go to the Code works.

    The only other edit I've done recently is to change toolbar real to exclude some buttons I don't a need (cut/paste/copy/etc...) so that the buttons I have they use all appear on a single line. I edited the xml file and saved and it seems to work fine - if it wasn't for this 'go to the code"no longer works.

    Could any of my changes "broken" this feature? How to cancel the best?

    It is possible that your changes might have broken some features in Dreamweaver. How to cancel them is to remove your personal Configuration file and let Dreamweaver generates a new with factory settings.

    Now, it seems to only occur when the css files are called from in an inclusion... but it worked before.

    Yes, it's a difference between Dreamweaver CS3 and CS4. Go to the Code does not work in CS4 if your style sheet is attached using an inclusion. It must be directly related to the page or be linked through the @import command by a style sheet linked directly to the page. If you feel this is a limitation of your workflow, Please submit a request for improvements to Adobe to support style sheets linked by include files.

    In addition, on new tests, when I change the styles, I get an error. See the attached file. I bet that they are related. I can't find anything about it. ESP since AID disappeared.

    I don't know anything about the error message. However, I can help you is certainly not gone. When you access using Dreamweaver CS4, the help files are launched in a browser, which should connect directly to the online help system. Help has moved online because it can be updated more frequently if problems are discovered. It also has a comment system, where I provide many of the answers or refer to Adobe if necessary. Even if you are offline, access to help is expected to launch a local version of the original files.

Maybe you are looking for

  • Re: DVD drive does not not on Equium A100

    I have a problem with my drive that he has power but wont read or write, no, it's not error code 39This happened during the installation of SP1 on Vista it upset my chipset drivers. So I uninstalled SP1 and tried to update the BIOS but I get an error

  • Satellite L450 automatic BIOS update it bricked

    Hiya, My wife has a portable Satellite L450 and it has been updated the BIOS through automatic updates of Toshiba, she said yes to it. The update took forever, that's where 'update' for over an hour, then he stopped responding so I had no choice but

  • Version of VI is still too early to convert the last version of LabView

    I get this error when deploying a simple loop VI I try to troubleshoot the symptom of not being able to connect to the remote control. I have LabView 2014 SP1 version 14.0.1 installed and that's what I used to build the VI (see attachment).  The vers

  • -Map and safety issues. Privacy settings

    Can someone please tell me the benefits and negatives of to 'Use wireless networks' checked in location & security settings - my location and "back up my data" enabled in the privacy settings. Gary

  • Where is the command "assign profile picture?

    The manual States that in the view of "Peoples", it is possible to choose a picture as profile picture of the following way:Assign as profile photo: Double-click a stack of people. The photos in this stack are displayed in the workspace. Right click