In bootstrap 4 you can define and/or override default colors using the following array: (as documented here) $theme-colors: ( "primary": #001122, /*override*/ "color-1": red, /*new color*/ "color-2": black, /*new color*/ "color-3": white /*new color*/ ); I want to make custom…
Link: http://up8.431.myftpupload.com/services/ I need to turn the section on the page above into clickable buttons. I'm using WordPress with the elementor plugin installed. I've already added some extra CSS to make the sections appear to clickable. I just need to…
Our shopping site has a dropdown menu with main categories and sub-categories. When you hover over a main category, the sub-category menu pops out on the right. The issue is that both menus are contained in the same scrolling container.…
I have spent some time to look up how to best create a dynamic image reflection effect. Options I found were: non-standard browser tags such as -webkit-reflect, adding libraries from <2012 that all have outdated dependencies and fail when combining…
I am making a website for colleges and I have a gallery, but I cant get all the images to stay at their respective spots on the page when the window is resized. That's my main issue: when the window…
Environment: - Magento 2.3 - Mode: Developer - Cache: Disabled - empty: pub/static, except .htaccess - empty: var/cache, var/composer_home, var/page_cache, var/view_preprocessed From there it is my understanding that if you reach the website through a browser, considering there are no…
I am coding a page which is supposed to be fullscreen on mobile. It will be displayed in a shopify store which has margins on the left and right. I want to remove these without touching the container of my…
I am using Magento 2.2.3. In my magneto theme added custom CSS file in the below path: project/app/design/frontend/vendor/theme/web/css/custom.css I added source file in default_head_blocks.XML file. after that added a page with following code in HTML content <div class="freegotest"><span class="tested">count down…
I have the following code (codepen) /******* NO ACCESS ********************/ .container {border: 1px solid green;} .container > div {border: 1px solid red;} .container .header {max-width: 50%;} /**************************************/ .container.reset-header .header {max-width: auto;} <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="col-4 picture">col-4</div> <div…
I am actually facing some problems to get an bootstrap accordion working inside a dropdown menu. I googled a lot and also find some StackOverflow threads here, but they are several years old and depending on bootstrap 3 or bootstrap…