Recently I started a small online shop and I have a problem with the top horizontal menu in Prestashop 1.6.
When I activate the Top horizontal menu is not horizontal, is vertical. It's like it does not have css style.
Can you help me with this issue please ?
Go to Modules> Modules > Top Menu > Reset just the parameters, you will get the default structure back.
The default blocktopmenu in Prestashop (1.6) has 2 CSS files located in
"prestashop/modules/blocktopmenu/":
superfishmodified.css
blocktopmenu.css
If you want to overwrite these default css styles you have to create exact the same css files in your theme folder in the exact same hierarchy "themes/default_bootstrap/css/modules/blocktopmenu/"
Try the following
But in your case your best option is to try and delete the css files of the blocktopmenu in "/themes/default_bootstrap/css/modules/blocktopmenu/"
after you delete the css files there Prestashop will switch back to the default css files located in "/modules/blocktopmenu/" delete the files in the red circle. But it's always safe to backup these 2 files first just in case.
Other options is to download a fresh copy of the Prestashop version you're using and replace both the superfishmodified.css and the blocktopmenu.css.
The blocktopmenu.php loads css and js only if you add a hook to your header.
Manage hooks and insert Top horizontal menu to displayHeader. By default the hooks are just under actionCategoryUpdate and displayTop.
Refer the File:
https://github.com/PrestaShop/blocktopmenu/blob/master/blocktopmenu.php
Related
Hello Stackowerflow comunity.
I am suffering from the issue which is "Failed To Load Resource" inside wordpress.
When I close the elementore, all the contents of my website goes break and when i reopen it the website looks great.
In this period what happen is, inside my wordpress directory wp-plugings/upload/elementore/css it contain all css files of elemetore all css files removed auotomaticaly and
when i reopen the elementore all file comes up
What to do ?
I'm assuming your site is breaking down when you deactivate the Elementor plugin. It is common for plugins to remove codes/files generated by them when they're deactivated.
If you need to deactivate the Elementor plugin, yet keep the styling:
What you can do is:
copy all the codes from the css files in wp-content/uploads/elementor/css and paste them in one of the css files in your child theme, or in the theme settings or customizer. (Make sure that all the css code has proper selectors instead of pseudo selectors).
I am trying to edit the background color to my CSS header. I tried accessing my CSS folder and according to my Developer tools console the CSS file's path should be gcc/wp-content/themes/reconstruction/css/main.css
I ran my FTP server, followed the path and added some new CSS rules to the main.css, But when i update and refresh server and view the website through a browser it does not update and keeps the previous design almost as if it's the wrong file path? I have tried clearing my cache on both browsers and that has not worked either.
Here is the website where i am trying to change it's header www.greencalstateconstruction.com
I am trying to change the .mainHeader area's css into this:
.mainHeader {
background-image: linear-gradient(rgb(248, 237, 168), rgba(57, 204, 182, 0.74));
background-color: #ffefa7;
}
Any suggestions?
Thank you very much for your help.
When you want to edit the source files of your WordPress templates, make a child theme. When you make modifications to your original theme, they will be overridden when you update the theme. Having a child theme keeps your modifications apart from the original theme.
If you can't create a child theme, you can modify the source files directly from the WordPress admin. Go into your admin panel, under the Appearance tab, you find the Editor section. Here you can edit the files directly from within the admin panel. Here you can edit all theme files. Try to find the style.css file and place your modifications here.
I am new to Joomla and I am trying to learn things as I go forward. In Firefox when I do inspect element on my site, I can find the CSS tag that I need to change in order to get the result I want, but I cant locate the file that I have to make the change in.
For instance right now my menu is shifted to the left and I did inspect element and I found
#topmenu_holder {
float: left;
}
if I change that float to right, then my issue is fixed.
I Just don't know how to find that file to make that change.
The css you're referring to is typically found in the Template that you are using, but which specific file depends on the template you're using - they're all located within the \templates\ folder of your Joomla site.
Additionally, if you look around in the Firefox Inspection area, you'll probably see reference to the file it's contained in as shown in the attached image.
Have you found the place where you can edit your file in joomla - extensions - template manager - then edit template from there. Dont look at the style option but the other one (template) you can edit all files there including css files.
There should be an option the overide the file. You should look to do this as joomla can overwrite existing file when updating. For now though this should get you started.
Can't style my menu css,i tried to change in master-ccda(my site www.blobus.on.kg)It helps for 5 minutes than changed back.Please help me to find place where i can change it.
You use a rocketheme/gantry template. Your website has compression/caching enabled for the css. This is enabled either by the template settings or another compression/caching system plugin. Therefore what you get as a final css file, is a dynamically generated compressed css file. Any edits you are doing on this file are getting lost, as soon as the system will generate a new final master.css file.
You need to disable these functions while you are building your website. Doing so will stop the compression of all the css files into one and you will see what rules and from which files your menu and other elements/sections of your website inherit their styles.
In addition keep in mind that it is best to avoid making changes on the core files of your template/extensions.
Gantry templates allow you to create a custom css file where you can put your own css overrides.
The custom css file need to be place inside the css folder of your template and usually needs to have a name of this convention: rt_templatename-custom.css.
I have just installed and applied "Colourise" theme for my website, but background of this theme is too dark. How can I change it?
The background color/image is likely located in one of the CSS files for the Colourise theme. Navigate to your theme's folder (sites/all/themes/your_theme_name), and take a look at the style.css file or the css file with your theme's name (likely colourise.css). There should be a background specified in there, likely near the top of the file. Once you make the change, be sure to reset your site's cache at admin/config/development/performance (if you have css compression enabled).