Questions tagged [styles]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
1answer
60 views

redo standard product tabs to accordion

how to make a accordion from standard horizontal tabs as shown in the picture I looked at how to make tabs from simple blocks using the magento 2 widget but it worked out for me to apply this to a ...
1
vote
2answers
92 views

Magento 2: The style.css inside Magento installation directory is effecting cache

I am very new to Magento. Recently I have to add extra styles to my magento website. So I go to adminpanel -> content-> design->configuration->my theme ->HTML Head I add the following ...
0
votes
1answer
127 views

Magento 2 Add custom CSS class to breadcrumbs

I need to add my own CSS class to the <ul> tag in breadcrumbs. in Magento_Catalog/templates/products/breadcrumbs.pthml the code look like this <div class="breadcrumbs"></div> <...
0
votes
0answers
32 views

Magento 2 Scripts and Styles sheets from theme not being rendered

I'm experincing some weird issue with my Magento 2 installation on Nginx server. In Content->Design->Configuration->HTML Head, the styles are added into the Scripts and Style Sheets field are not ...
0
votes
2answers
104 views

Magento 2.3.1 styles.css not loaded on frontend

I just installed a fresh Magento 2.3.1, and I ran the following code to deploy sampledata. bin/magento sampledata:deploy The sample data are successfully installed but styles.css is not loading. I ...
2
votes
1answer
39 views

How to Clear cache files for .less

I'm in Production mode. I like to change some styles in my website, so i edited .less for example: app/design/frontend/Templatemonster/theme/web/css/styles-l.less I used "flush Magento cache" from ...
0
votes
0answers
27 views

How to edit .less or css files

I like to change some styles in my website, so i edited .less and CSS files for example: app/design/frontend/Templatemonster/theme/web/css/styles-l.less I used "flush Magento cache" from backend ...
0
votes
0answers
11 views

Custom template not applying the proper layout and appearing under menu

We have created a custom template to show some documents and download them. This template is located in the backend. You can access through the menu and the submenu of one of the options. "Dealer ...
2
votes
1answer
468 views

TinyMCE4 <style> tag not showing in editor

I am using TinyMCE4 in my Magento admin panel. I want to allow <style></style> for my CMS pages and blocks while editing. I am able to add <style> in my CMS pages and Blocks but once ...
1
vote
0answers
72 views

Magento pages loading in one line

This may not be a Magento issue but i am currently being asked to try and stop the our home page loading the way it does for one of my clients. I have been told the site never loaded like this before ...
1
vote
0answers
315 views

How to add style(css,js) to custom widget

Hi i can try to add style to widget in the usual way. like here https://webkul.com/blog/magento2-how-to-add-css-and-js-file-in-module/ its not working. How can i add to css file to widget?
1
vote
1answer
150 views

Magento2: how to auto add grey bg color under photo

Always to magento catalog I upload image .jpg with white bg color. Does anyone know how I can now change all products background for transparent, and add a gray background for all products under the ...
1
vote
1answer
34 views

Magento2: Issue with style CSS

We have an issue with load style CSS: Warning: include(/home/log/domains/domain.com/public_html/generated/code/Magento/Framework/Event/Config/Reader/Proxy.php): failed to open stream: No such file or ...
0
votes
0answers
14 views

Why does Magento LESS compiling re-order my code

I have been trying to create a basic grid for my theme. Here's the code .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-...
1
vote
0answers
22 views

Custom Options - styling

How to change the style of the custom options in magento 1.9, like font-size, etc. Can this be done from the admin panel?
0
votes
1answer
80 views

Custom bootstrap overriding my luma theme style

I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, ...
1
vote
1answer
60 views

Fresh Magento 2 install admin does not give login box

I'm fairly new to Magento 2 and have been attempting to add a copy on my local machine (operating system: Windows 10) so that I can try out some database migration tests. I have installed XAMPP and ...
0
votes
1answer
30 views

Use default style

How can I use all styles from default theme in Theme 1 without copying all folders? But if I need to change some styles I have to do it in Theme 1's folder. Maybe you have some suggestions?
0
votes
2answers
44 views

css style overrides?

I was able to get my custom font to my custom theme. I made a style (CSS file) to use it, but the text-transform and letter-spacing attributes are being inherited from another style sheet? What ...
0
votes
0answers
52 views

Magento 2.2 Grid in custom module missing styles and format

We've successfully created a custom module, but it appears that none of the js or css/less is being applied to a grid component that is being used. Any suggestions would be appreciated-
1
vote
3answers
311 views

Frontend styling has disappeared, and I can't get it back

Disclaimer: I'm new to Magento 2 development as of Nov 2018, and new to development generally as of mid-2017. So I'm new to asking development-help questions too. Most of the time I can figure it ...
0
votes
1answer
42 views

Magento 2 - Custom style _listings.less not working

We are using Porto theme. We have our product list with the style: <div class="product details product-item-details"> code </div> We checked the porto .less which corresponds to: app\...
1
vote
3answers
391 views

Add external stylesheet link-rel head tag

Knewb here, I want to add external stylesheets via link rel to the head tag list of my store in version 1.9. I am also using Ultimo theme. Can it be done? What is the name of the file I am ...
3
votes
3answers
79 views

Magento 2.2 install error: No images in Magento Admin after installation

I installed Magento v2.2.4 with sample data on my local using xampp. I downloaded the source from magento.com/tech-resources/download as the user guide instructed. After finishing the installation, I ...
1
vote
1answer
40 views

How to add custom styles to Bought theme in Magento2?

I have applied a free theme on my magento2 store that don't have css file to edit custom styles. But it has less files like below, app/design/frontend/<Vendor>/<theme>/web/css/source/...
3
votes
2answers
1k views

How to add custom css file in magento2.2.6?

I tried to add some custom styles in Magento but I couldn't find out how to do this. How do I add the custom css stylesheets in magento-2.2.6?
1
vote
2answers
600 views

Magento 2.2.4 How to override the styles for the Checkout Module?

How to create specific style files that override the styles for the Magento Checkout Module? I took a look at vendor/magento/module-checkout/view/frontend/web and vendor/magento/module-checkout/view/...
2
votes
1answer
442 views

How to disable link in telephone phone number in address book?

Using magento 2.2, I want to remove link from phone number in address book. Not allow user click on number.
1
vote
2answers
1k views

Magento 2 - Adding <style></style> tag in head

How I can add critical path css rending in <style>body{color:#202020}</style> in header? I did research but not getting clear picture. I can add meta and custom css file in ...
1
vote
4answers
2k views

Styles-m.css file locations

I am looking to change some css settings on my Magento 2.1.8 store. I understand that this file is created using .less files, but which less files is this made up of and where can i find them? ...
1
vote
1answer
33 views

Magento-2.2 development with CSS only (no use of LESS)

I know Magento 2 uses LESS for styling but what if I'd like to build a site with CSS only? I don't want to use LESS in my custom theme. How can I achieve this?
0
votes
1answer
354 views

Magento 2: Add border-radius to image on product page

Magento 2.2.1 using a custom theme which inherets from Magento/blank. I would like to add a border-radius to the main image on the product page. I have tried applying border-radius to parent ...
0
votes
1answer
225 views

Magento 2: Background gradient and image

Magento 2.2.1 custom theme which inherits from Magento/blank. I am trying to assign a background which has a radial gradient as the bottom layer and an image as the top layer. Assigning a solid ...
0
votes
1answer
344 views

Magento media queries in platform-Responsive emails

Hi i set some @media style for mobile for emails in magento (i added style in email header head section, in email header body section, in email-inline.css , in email-non-inline.css) but when mail ...
0
votes
2answers
784 views

How to add title to header without breaking search box

I am creating a theme for magento 2.2. Created my first custom block in app/frontend/CUSTOM VENDOR/CUSTOM THEME/Magento_Theme/templates/heading.phtml containing the following code: <?php //create ...
1
vote
1answer
574 views

Magento 2 Grid System

I am trying to work out what grid system comes with Magento 2.2 for the frontend I can see there are docs for the admin Page Grid however none of the frontend. Could someone point me in the right ...
2
votes
1answer
999 views

Magento 2 - Change style for search mini.form

I created a custom theme for my store and I want to overwrite input and search button For example: I want to remove the search button magnifier icon with other icon and add a background on that ...
0
votes
2answers
621 views

How to add css only for checkout page of rwd theme in Magento 1.9.0

I need to add a custom css in checkout.xml file like this <checkout_cart_index translate="label"> <reference name="head"> <action method="addCss"> <...
0
votes
1answer
32 views

How can I get the stylesheet to load?

I have installed a fresh Magento2 but style sheet is not loading and When I check the page source, the style sheet isn't there, and of course, the page looks terrible: http://unisolinternational....
0
votes
1answer
40 views

style is not working at all front & backend

I have moved Magento 2.1.7 website to another host and domain. I have correctly configured everything and it's working normally and now i'm on maintenance mode. Style is not working on front and ...
0
votes
1answer
1k views

Add inline style to element in XML Magento 2

How do I apply an inline style to an element in an XML layout file in Magento 2? <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="...
0
votes
1answer
228 views

Can't modify style in custom theme using Grunt

I have custom theme Hiddentechies/bentriz theme.js bentriz: { area: 'frontend', name: 'Hiddentechies/bentriz', locale: 'ja_JP', files: [ 'css/source/custom', 'css/source/...
1
vote
1answer
1k views

Magento 2 How to correctly change style in less

I creat my theme, same as luma, parent Blank. I try change style for search (add background-color and change opticaly. I see in less file: app\design\frontend\Vendor\default\Magento_CatalogSearch\web\...
0
votes
1answer
184 views

Can edit .less and .css file though FTP?

I have several question about how to modify files in Magento2. I only have an FTP user. Is possible to modify .less and .css files using FTP I read something about compiling the .less, how can i do ...
1
vote
1answer
1k views

Magento 2 How to update existing less file?

I want to add few styles in _print.less. I have updated the less file and run the upgrade,deploy commands but still it loads old style. Also clear the cache. How can I do it?
0
votes
1answer
739 views

how to modify style.css in magento 2

Magento ver. 2.2.0-dev I want to make changes in style.css which is located at "pub/static/frontend/mytheme/mytheme_default/en_US/css/style.css". If I make any changes in this folder directly no ...
1
vote
3answers
8k views

Magento 2 - How to change fonts

How do I change the font family (at a theme level) to Helvetica in Magento 2.
2
votes
1answer
1k views

Unable to find styles-l.css original path in custom theme

I want to add/modify some styles to styles-l.css, but i am unabl to identify the original path location, as i mentioned the below static content file path. pub/static/frontend/Smartwave/porto/en_US/...
1
vote
0answers
388 views

Custom styles not working - Magento 2

Please note the current development is in dev mode & writing to pub/static. It is using browser sync and the sass snowdog theme for magento2. I've got my theme running and using the Sass Snowdog ...
2
votes
1answer
411 views

How to Change the Height and Width Filter in Magento?

I need to change the Height and width of the filter by slider range . How can i change it?. In broad, My height and width are shows like : Height : 1.5 (4) 99.8 (300) .... ... Width : 56 (555) 90 (...