Still learning Magento :)
I'm using Porto theme for my Magento 2 project and want to edit the css through:
Stores > Configuration > Porto > Porto - Settings Panel > Customization
They provided an area to put your css. But I'm not sure how to put image path for my background images background-image: url(???)
I don't think you'll be able to link to the background image as the static content renders a different URL when the contents are cleared (for example when you run php bin/magento setup:upgrade).
The best way to override or add CSS is by customizing the Porto theme's custom.css file in the Porto child theme. This way you can add a background image URL like ../images/foo.jpg.
Related
provide configuration for customization of login page.
https://www.keycloak.org/docs/latest/server_development/index.html#_themes
Tried the above tutorial but its not working.
Do i need any permission for customization?
I wanted to change the logo, so I tried following the official tutorial, but it did not change. After all, I found that we should add few html lines containing the css class (resources/*.css) to display the logo instead of the default text. Steps below:
Select you Realm
Go to Realms Settings
Tab General
Fill the HTML Display Name field (by default it is blank) with the content having class kc-logo-text (login.css related) or your custom class (you can see the Master realm did it) in order to make the logo appeared.
Save
Tab Themes
Select your custom theme
Save
// For example:
HTML Display Name: <div class="kc-logo-text"><span>Keycloak</span></div>
Solution derived after I read https://lists.jboss.org/pipermail/keycloak-user/2019-September/019320.html
I am having an issue with Liferay 7 Themes and AUI. First, it is my understanding each Liferay page is divided into sections, as defined here:
- https://dev.liferay.com/es/develop/tutorials/-/knowledge_base/6-2/setting-up-custom-css
And I must wrap any custom css with the appropriate wrapper, as defined in the above link. Any css defined in the theme applies to the appropriate section of the page, for all pages in the web application. I can also create custom wrappers within the theme, which individual portlets may reference using the 'com.liferay.portlet.css-class-wrapper' annotation.
I can therefore change the AUI Button's appearance by creating a css class and referring to it as follows:
< aui:button cssClass="btn-lg".../>
But it is less clear to me how I can apply custom css to AUI Data tables. Guidance is certainly appreciated.
You can use theme contributors.
And there create a .scss file and put customized styles for datatable there like :
.yui3-datatable{
& thead{
backgournd-color: red;
}
}
You can also use 'your-theme/css/custom.csss' to override default style with your custom styles.
I want to use TinyMCE for text editing. My folder structure is like...
|------- css <-- here I keep all the css files of my website.
|------- js <-- here I keep all the javascripts of my website.
|------- img <-- here I keep all the images of my website.
|------- index.php <-- It is my index page in website root
|------- admin
|-------|------- index.php <-- It is my admin folder
My problem is when I am using TinyMCE in my admin/index.php to edit some articles and insert an image the path is being saved in the database is ../img/someimage.jpg where index.php in my root folder could not displaying the image as the path should be img/someimage.jpg.
What should I do ?
You might want to include images in the editor using classes and css (have a look at the tinymce config parameter content_css for styling elements).
otherwise you need to make sure that the image elements in your editor are accessible from all over the network where your editor content will be accessible.
I am using Liferay 6 and Tomcat for development .
I have developed a Custom Login POrtlet for my Application
Now on entering http://localhost:8086 , my Custom Login Page is displayed .
Please see the screen shot .
My question is , could anybody tell me how can we remove that Liferay Logo , Sign In Hyperlink ( Extreme right top ) and Powered BY ?? from the screen .
Actually the Logo can be changed without creating a theme. The other items require a cusotm theme however (where you will want to edit the velocity macros). For the logo look under Control Panel > Portal > Portal Settings and then click "Display Settings" on the right side.
Additionally you can also provide a small amount of css to the basic theme as well, but this should be considered a temporary hack at best. Go to Manage > Page Layout > Public Pages and at the bottom you will see a section labled CSS in there you can do:
#sign-in { display: none }
.powered-by { display:none }
But bear in mind that a user with firebug or similar tools can still expose the old sign-in by changing the CSS in firebug and the Liferay tag line is still in the source so it's only hidden from non-technical folks. A theme is really the right solution.
Yes you can remove all of those by creating your own Liferay Theme, deploying it, and then setting that Theme as the one to use for your Community.
This Liferay Wiki Article on creating Theme's should get you started, if you have any questions after this then ask away! :)
Go to custom.css file inside _diff folder of your theme add the below code:
#sign-in { display: none }
I have a Plone 4 site using collective.xdv for the theme. Overlays for the login and contact form work fine.
But if I go to edit > categorization tab and try to add a related item, the overlay is blank. Looking at it in Firebug, the tags are correct down to div.overlaycontent. But inside of that div is my static HTML from the XDV theme's index.html.
Is there a special rule that I need for the overlays?
I cannot use plone.app.theming because this site is using more than just Plone.
In the xdv configuration(or append "##xdv-settings" onto site url), you can add unstyled paths.
I think what you'll need is:
^.*/referencebrowser_popup(\?.*)?$
or
^.*refbrowser_popup(\?.*)?$
If neither of those work, figure out the url that's being requested and add it as an unstyled path.