I am new to use October cms but everything goes well until I change css.
Create a navbar with a class (.navtest) that is located in the theme.css / assets folder. Added a background: red;
To see something happening, have also tried with !important but no things happen. have tried to change css / bootstrap.css that comes with demo theme but nothing happens then either.
So I do not know what I'm doing wrong. Is it someone who has a solution?
Thanks
October allows you to combine CSS in bundles, these bundles can be cached in production. Try clearing your cache, for example with
https://octobercms.com/plugin/romanov-clearcachewidget
Related
Although I'm from WordPress, I need to make a slight change on an old Joomla Website for a friend of mine.
The site is: http://aja-architekten.de
I need to eliminate the footer Popup which says "Wir sind umgezogen".
I know there might be a thousand ways to implement this in Joomla, but what is the plugin or module in the code!
It's difficult to identify without back-end access to the website as it could be a module, a plugin, or even hard coded into the index.php file of the template or similar.
If it's not obvious, the easiest work around might be to add some code to a custom CSS file like this or similar:
#ca_banner {
display: none !important;
}
To create a custom CSS file using a Warp theme, create custom.css in the /css subfolder in the relevant template folder.
In my laravel 5.6 / vue.js 2.5.7/ Bootstrap4.1.0 application I want to set different color themes and I found this collection https://github.com/thomaspark/bootswatch
But how correctly to set them to my project? I tried to replace files
node_modules/bootstrap/dist/css/bootstrap.css
node_modules/bootstrap/dist/css/bootstrap.min.css
and cleared cache and rerun
npm run watch-poll
But no effect... Which is the right way?
Are there some tools to change color themes programmatically, say depending on logged user options ?
Adding a link of one bootswatch file in my layout file resources/views/layouts/app.blade.php, like:
<link href="{{ asset('css/darkly/bootstrap.min.css') }}" rel="stylesheet">
I see that colors of my layout of my pages is different, but I mean that in this case I ADD this css/darkly/bootstrap.min.css file to the EXISTING(ORIGINAL) bootstrap.min.css
and now I have 2 bootstrap.min.css files in my system.
Is it good decision?
I supposed that creators of bootswatch meant to REPLACE the original bootstrap.min.css file. How do you think?
And that is the question where original Bootstrap css(and bootstrap.js to) are attached to the project ?
in my layout file resources/views/layouts/app.blade.php a line:
that is a ref to my custom css file, the styles I add to the project.
I did not find how to skip attaching of the original Bootstrap CSS file...
Thanks!
Bootswatch is not meant to REPLACE the existing bootstrap CSS file. It is meant to work and OVERRIDE the styling rules from the default one, which means, load bootswatch css after you load the bootstrap css.
It would also be advisable to rename your downloaded bootswatch CSS file.
I've got a silly problem. It's probably just down to me not being able to see the wood for the trees... one of you geniuses might spot the problem immediately, or at least I hope so!
I've developed a theme for a Magento site using Bootstrap. First I built static HTML templates, which were tested for responsiveness, and they all worked fine.
I then integrated those templates into Magento... and the responsive elements stopped working. They were working initially, but at some point during the site development, they stopped working.
I've looked and looked at it and I can't see what's wrong. I presume there's some sort of conflict with Bootstrap somewhere but I just can't see it. There are no script errors that I can see and everything is loading correctly, but the responsive elements refuse to work.
Can someone take a look at the site at http://www.collaredclergywear.co.uk/ and tell me what I'm missing? I think it's probably something simple but I can't see the wood for the trees anymore.
Cheers,
Willo
One thing in style.css try commenting it. better remove style.css completely and test
.wrapper {
min-width: 954px;
}
Hi I want to create custom theme using default-bootstrap so I copied whole folder, rename and then I made all changes in CSS.
I install my theme via backend, deleted all cache files and theme seems to working but there is issue with top navbar - it isn't look like as in default-bootstrap, check this:
Default's nav: http://i.imgur.com/MiRnM42.png
My nav: http://i.imgur.com/MrWZeFm.png
Any ideas why nav isn't lok like default?
did you check your css + code for typos? That might be the case :)
try this:
https://validator.w3.org/#validate_by_uri+with_options
I am creating a Wordpress theme with Bootstrap 3.
I add html5shiv.js and respond.min.js in head and, now, the theme works in IE8.
When I open the website, for a second and only in IE8, the layout isn't correct and then is perfect.
What is the best practice to fix this initial visualisation problem?
Stop using Ie8, it is dead ....
I solve with a css "respond-fix.css" inside conditional comment with this css code:
body{visibility:hidden} #media screen and (min-width:1px){body{visibility:visible}}