jorzech Posted December 11, 2018 Share Posted December 11, 2018 i have a problem, my titles are not showing completely, if you inspect the element in your browser and change the title height to 64px it will show completely. Normally its 32px which is not enough. my website so you can check it out yourself: usa-autoteile.com Therefore id like to change the CSS file. I already modified the Angartheme.css (i am using angartheme btw) but it still does not shot all the 64px because it gets overwritten by some other file my browser does not want to tell me what it ist. I have added a Screenshot, Firefox just calls it "inline", Chrome calls it "index" i guess it will be the global.css, but i cant find it. If global.css is not the right file i am looking for, please correct me. Thanks Link to comment Share on other sites More sharing options...
jorzech Posted December 11, 2018 Author Share Posted December 11, 2018 Prestashop 1.7.4 there is no global.css in Themes/default/css Link to comment Share on other sites More sharing options...
musicmaster Posted December 11, 2018 Share Posted December 11, 2018 inline means usually that it is in the html Link to comment Share on other sites More sharing options...
jorzech Posted December 12, 2018 Author Share Posted December 12, 2018 where can i edit the html? i am a newbie and inside ftp are no html files... Link to comment Share on other sites More sharing options...
PrestaHeroes USA Posted December 13, 2018 Share Posted December 13, 2018 you should learn to use chrome dev tools, learn more here https://developers.google.com/web/tools/chrome-devtools/beginners/css with a little practice you can find location of where .css is served from and many other things about your front office. Link to comment Share on other sites More sharing options...
jorzech Posted December 14, 2018 Author Share Posted December 14, 2018 i am using the Dev tools, but in this case it does not show me from where the css is served Link to comment Share on other sites More sharing options...
jorzech Posted December 14, 2018 Author Share Posted December 14, 2018 What I am struggling with right now is that I cannot for the life of me find the the corresponding files that edit the main page's HTML. It should be somekind of .css or .tpl file in the server directory, right? From other forum posts I gathered that I can't edit the page's HTML code directly, is that true? If so, where am I supposed to look for the right files to edit in my web server directory? Chrome's Inspect tool tells me, that this height command is saved in "index:70". However, I'm unable to find any file to edit in my root directory where my index page is located. FireFox Inspect tells me the line of code is saved in "inline:7". I am confused, I've been searching for the right files for days now. Also, my custom angartheme.css is working as it should and everything looks like I want it to when I manually disable the globals.css located in my "index" directory via the developer tools. However, the global.css overwrites the custom theme .css. Any way to change that? Best regards Link to comment Share on other sites More sharing options...
JBW Posted December 14, 2018 Share Posted December 14, 2018 The HTML pages are created by Prestashop by parsing Smarty Template files (*.tpl) from your theme's directory. It could also be manipluated by modules using so called hooks. Link to comment Share on other sites More sharing options...
PrestaHeroes USA Posted December 14, 2018 Share Posted December 14, 2018 download your shop files, then you can run searches on files looking for specific bits..this will help you isolate where any bit is and how it's generated. i use dreamweavewr to work with websites and it has a great search function.... Link to comment Share on other sites More sharing options...
Soyons Solidaire Posted December 14, 2018 Share Posted December 14, 2018 Hi , themes / default-bootstrap / css / Link to comment Share on other sites More sharing options...
taniacr Posted December 14, 2018 Share Posted December 14, 2018 (edited) It's in /themes/AngarTheme/assets/css/theme.css. However it's minified so might be a pain in the bun to edit. I would sugest to add in your CSS file ( Angartheme.css) : .products .product-miniature .product-title { height: 70px !important; } Clear cache refresh your page (ctrl+F5) and check if it works. Using !important is not the best practice but sounds like the best solution for you at the moment. Edited December 14, 2018 by taniacr (see edit history) 1 Link to comment Share on other sites More sharing options...
jorzech Posted December 21, 2018 Author Share Posted December 21, 2018 hi my solution was adding: .products .product-miniature .product-title { min-height: 70px; } because i noticed in the source code, that after the CSS the html file tells the titles to be 32px but this gets fixed it you tell it beforehand that its too small. 2 Link to comment Share on other sites More sharing options...
Don Cappello Posted January 26, 2020 Share Posted January 26, 2020 Hallo, ich muss doch noch ein mal etwas fragen. Da es in der Version 1.7.xx geine global.css mehr gibt, benötige ich nochmals eure Hilfe. Wo müsste man den nachfolgenden Code nun einfügen? #block_top_menu ul li ul {display:none!important;} MFG Domenico Link to comment Share on other sites More sharing options...
JBW Posted January 26, 2020 Share Posted January 26, 2020 In die custom.css - die findest du im Verzeichnis assets/css deines Templates. Link to comment Share on other sites More sharing options...
Don Cappello Posted January 27, 2020 Share Posted January 27, 2020 Hallo, danke für die Info. Werde ich gleich ein mal ausprobieren. Ich muss da sowieso alles neu anpassen, da die 1.7 ganz anders aussieht. Gruß Domenico Link to comment Share on other sites More sharing options...
Don Cappello Posted January 27, 2020 Share Posted January 27, 2020 Scheint irgendwie nicht zu funktionieren. Die custom.css ist ja eigentlich noch leer. Anbei der Code: /* * Custom code goes here. * A template should always ship with an empty custom.css */ #block_top_menu ul li ul {display:none!important;} Vielleicht habe ich ja etwas vergessen? Gruß Domenico Link to comment Share on other sites More sharing options...
JBW Posted January 27, 2020 Share Posted January 27, 2020 Sollte so passen - die Datei ist leer und wird mit den Anweisungen gefüllt die den Standard übersteuern sollen - damit bleiben deine Anpassungen bei Template Updates erhalten. Schau mal im Browser ob die custom.css auch geladen wurde. Falls CSS Kompression aktiviert istr musst du noch den Cache löschen und deine Seite im Browser komplett neu laden (STRG-F5) Link to comment Share on other sites More sharing options...
Don Cappello Posted January 27, 2020 Share Posted January 27, 2020 Hallo, da geht nichts. Vielleicht wird die css gar nicht sufgerufen. Wie kann man das einsehen? Gruß Domenico Link to comment Share on other sites More sharing options...
JBW Posted January 27, 2020 Share Posted January 27, 2020 Kannst du in den Browser Entwicklungstools unter Stilbearbeitung sehen (F12 in Firefox) Link to comment Share on other sites More sharing options...
Don Cappello Posted January 28, 2020 Share Posted January 28, 2020 Hallo, die custom.css wird da nicht eingebunden. Gruß Domenico Link to comment Share on other sites More sharing options...
JBW Posted January 28, 2020 Share Posted January 28, 2020 Ist der Smart Cache für Stylesheets aktiviert Dann wird die Datei kompiliert - wenn du den ausschaltest siehst du jede CSS Datei separat Link to comment Share on other sites More sharing options...
Don Cappello Posted January 28, 2020 Share Posted January 28, 2020 Habe bei Smarty Einstellung alles mal durchprobiert. Es wird keine custom.css geladen. Scheint aber auch in anderen Beiträgen so zu sein, dass man diese irgendwie erst eintragen muss. leider kenne ich mich da nicht so gut aus, wo und wie man die css mit einbinden kann. Link to comment Share on other sites More sharing options...
Don Cappello Posted January 29, 2020 Share Posted January 29, 2020 Hallo, ich wollte heute ein mal die Lösung mitteilen. Der Tip mit der cusom.css ist natürlich korrekt: Ich habe dann aber nach langem Suchen bemerkt, dass das menü in der 1.7 "#_desktop_top_menu" benannt wurde und die Änderung somit natürlich nicht vorgenommen wurde. Nachdem ich jetzt den korrekten Namen eingetragen habe, läuft alles wie gewünscht. Ich bedanke mich für die ganzen Tips. Gruß Domenico 1 Link to comment Share on other sites More sharing options...
vollinglobin987 Posted February 3, 2020 Share Posted February 3, 2020 (edited) Hiiiiii , themes / default-bootstrap / css / Sorry to help you here i didnt know about this info Plastic Packer Bottles 😊😊 Edited February 4, 2020 by vollinglobin987 For appologise (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now