All Questions
Tagged with css twitter-bootstrap
50 questions
11
votes
6
answers
34k
views
WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
I am having an issue with the WordPress admin bar overlapping the Twitter Bootstrap (2.3.0) nav bar. I have tried this fix:
body.admin-bar .navbar-fixed-top {
top: 28px;
}
.navbar .brand {
...
- 1,105
3
votes
2
answers
2k
views
What is better way to use Bootstrap inside admin panel?
I need to use Bootstrap CSS for better UI in wp-admin but if I enqueue the bootstrap.css, it's affecting the admin default UI by changing background colors, etc.
How can I use bootstrap.css inside wp-...
- 137
2
votes
2
answers
3k
views
Style.css in child theme is loaded before Bootstrap
When I enqueue Bootstrap with wp_enqueue_style(), Bootstrap is loaded after the child theme's style.css and will override style.css.
One way to load style.css after Bootstrap is to enqueue style.css ...
2
votes
1
answer
5k
views
Load custom css after bootstrap
I have this in functions.php. How can I modify it so that my custom css is loaded after bootsrap.min.css?
function register_css() {
wp_register_style( 'bootstrap.min', get_template_directory_uri()...
- 177
2
votes
2
answers
2k
views
Twitter Bootstrap Use Collapse in Custom Post Type
I am using Bootstrap with Wordpress and I want to implement the collapse functionality in the content for single pages of a specific custom post type.
I know I could create a shortcode, however, ...
- 490
1
vote
3
answers
6k
views
Why isn't "background-image: url"working with Bootstrap carousel on WP?
When I made a Bootstrap carousel in plain HTML it was working just fine, but when I pasted the code into Wordpress the carousel is completely white.
It's not a problem with the path because it will ...
- 21
1
vote
1
answer
291
views
Make shortcode's Bootstrap CSS override the theme's CSS, how?
I'm writing a simple WordPress plugin that uses some shortcodes to show content on public side of the side. These shortcodes use some Bootstrap's components like buttons, input groups and popovers but ...
- 79
1
vote
3
answers
2k
views
How to add class to <ul> and childs <li> of sidebar widget - Wordpress
Note : Please note that I create this theme to re-sell, so I need little bit good way to add it.
This is how I register the menus on my right sidebar:
if(function_exists('register_sidebar')){
...
- 362
1
vote
1
answer
153
views
Redoing home page but changes not taking effect
Hey guys I am in the process of making a WordPress website mobile responsive and I decided to utilize bootstrap. I successfully implemented the changes to the nav menu and hero section but this ...
- 351
1
vote
2
answers
55
views
How do I get row padding in a post feed?
I have a custom post loop going into a template I made - the row has to be outside of the loop, or the posts don't line up vertically. However, I need some spacing between the posts - image below to ...
- 125
1
vote
1
answer
344
views
How do I add Bootstrap and LESS to my migrated WordPress site?
I'm migrating a website to WordPress - it uses both Bootstrap and LESS. I found a snippet online for enabling Bootstrap and the outputted CSS via functions.php:
function theme_add_bootstrap() {
...
- 11
1
vote
1
answer
31
views
Layout using Bootstrap not aligning correctly
I have been stuck at a strange layout alignment issue. I have been using Bootstrap 4 to set layout of a section. Please take a look at the screenshot below -
This is here.
It is working as expected. ...
- 136
1
vote
0
answers
39
views
Bootstrap in theme
I've programmed a theme before three years and I want to update it with Bootstrap. I need the input groups, modal windows and some other features.
Now I have implemented it and it works! But one thing ...
- 11
1
vote
1
answer
275
views
Side Menu Icon Expandable
I've been searching for the proper way to create a dynamic side menu for my Understrap Child Theme.
I'm trying to creating something that if the menu has children then the icon will show allowing to ...
- 13
1
vote
1
answer
1k
views
create bootstrap columns inside editor group block
According to this answer I'm trying to use the new default block editor of wordpress to set the bootstrap classes on the content of the blocks.
I'm using the group block to set the container and ...
- 329
1
vote
0
answers
874
views
Bootstrap and Custom CSS in custom plugin are being overwritten by theme
This is my first plugin, and I'm having a real hard time figuring out enqueuing styles/scripts. All the code I wrote for the plugin works great, but I'm having issues with stylesheets and Bootstrap. I ...
- 187
1
vote
2
answers
54
views
Wordpress Multiple Navigation bars
This is more of a 'Is it possible question" I have a home page which has a full width header and a transparent Navbar, when you scroll this Navbar changes to white. On all my other pages I want this ...
- 125
1
vote
1
answer
126
views
Port existing Bootstrap site to WordPress?
I have an existing static site, built on top of Bootstrap, with custom CSS. Now I want to move the site to WordPress (yay).
But I want to keep all the styling and layout in WordPress exactly the ...
- 137
0
votes
1
answer
3k
views
Wordpress style.css not updating, only after theme reload
I am using Bootstrap to put together a Wordpress. I update all my files locally and upload them through Sublime's SFTP. I also use Cyberduck to double check whether changes have gone through fully. ...
- 1
0
votes
1
answer
189
views
Google yolo one tab signup plugin avilable in wordpress? [closed]
Can you please tell me wordpress has Google yolo one tab signup plugin?
- 21
0
votes
2
answers
1k
views
CSS - Initial HTML Margin Issue On WordPress Site
This is a WordPress site and I'm using bootstrap.
Site is https://doodle.gatewaywebdesign.com/
Basically I'm just trying to get rid of the initial top margin. So instead of this:
It should look ...
- 135
0
votes
2
answers
5k
views
Grid post page on Wordpress with Bootstrap, the_excerpt(); Problem
I'm trying to create a page on WordPress with a grid which contains al my posts.
The grid works well until when I add the the_excerpt(); for my post. The grid became a mess. The rows are not correct ...
- 199
0
votes
1
answer
210
views
Wordpress + Bootstrap [closed]
I have integrated Bootstrap with Wordpress, and implemented wp-bootstrap-navwalker to build menus. Bootstrap and navwalker are working as you can see my project here.
The only problem is the CSS on ...
0
votes
1
answer
273
views
How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
This padding on the right side of the webpage (unityinfinity.com) was not visible when it was in development. I recently shifted the website to the main directory using the steps in this post.
Since ...
- 111
0
votes
1
answer
2k
views
How to style bootstrap container in wordpress theme?
I am createing the footer.php for my costum theme.
The whole footer is full with/356. In the middle of this container I another container which is 960/252. Inside I have some components(logo, social ...
0
votes
1
answer
3k
views
All of my custom Bootstrap styles are not working in my child theme!
I'm trying to create a child theme for Betheme.
I styled most of the elements in my child theme using Bootstrap separately as HTML templates and later integrated with my child theme.
But, none of ...
- 55
0
votes
2
answers
1k
views
How to integrate Bootstrap Grid System in WordPress
I created a custom page with some content.
My issue now is that I'm having problems on styling the page itself.
I'm used to working with the Bootstrap column system "col-lg-12".
It's simple and fast ...
0
votes
1
answer
686
views
How to implement CSS-defined images from bootstrap site in wordpress theme
I am making my own theme from a Bootstrap 3 site that I designed. How do I best implement images that I defined in the CSS in WordPress so that I can change them later and they reference the media ...
0
votes
1
answer
97
views
Why I obtain different visualization when I run the website on my local machine and on remote server?
I am finding a very strange behavior with a WordPress main menu into this custom theme that use BootStrap: http://onofri.org/WP_BootStrap/
As you can see in the horizontal main menu the background of ...
- 878
0
votes
1
answer
388
views
How to create a WP theme that use BootStrap? [closed]
I am pretty new in WordPress and totally new in BootStrap development (I have beginning to study BootStrap yesterday) and I have the following doubt about how create a custom WP template that use ...
- 878
0
votes
1
answer
4k
views
Change class names dynamically added to html elements by wordpress
I'm new to wordpress theming and I am working on a theme that uses the newest Twitter Bootstrap.
Here is my question:
WordPress adds class names to html elements based on whats going on ie:
<ul ...
0
votes
0
answers
84
views
Modal dialog under the backdrop
I am using Bootstrap 5 and modal is kinda tricky. Do you happen to know why the dialog is under the backdrop? I've compared the modal example on Bootstrap website and on my code. I haven't changed any ...
- 7
0
votes
1
answer
76
views
Is there any known plugins that would replace WordPress classes in editor with their Bootstrap 4 equivalent?
Context: I'm using WordPress as a backend for article writing on a non-wordpress site (built with Laravel, using Corcel to access the data, if that matters). That website is built with Bootstrap 4, ...
0
votes
0
answers
53
views
How to reference different css (bootstrap) stylesheets for the header and body of a page?
Thanks in advance for the help, and apologies if I'm being dumb, I'm rather new. I have tried various different answers on this site, but they did not work, as they were meant for different pages. I ...
0
votes
0
answers
138
views
Stuck while adding bootstrap navwalker class
I am stuck while adding Bootstrap Navwalker class in WordPress. All is going well, but when minimize screen to mobile view the Menu disappear. However the Search box is still showing.
header.php
<...
0
votes
1
answer
841
views
jQuery Validation plugin and Bootstrap 4 CSS classes
I'm using jQuery Validation plugin to validate a WordPress theme form. I'm using also Bootstrap 4 so I'd integrate the Bootstrap validation classes ("is-valid" and "is-invalid") with Validation plugin,...
user164608
0
votes
0
answers
2k
views
How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
I'm using the Understrap theme for Wordpress and looking to modify the default menu on mobile when the user clicks the hamburger menu.
Essentially I am trying to get the menu to fully overlay the ...
- 101
0
votes
1
answer
96
views
Bootstrap News: Image Modifciation
I want to improve the design of my website (https://pixelbay.net/). Rather than altering the image myself via Gimp every time I want to post, one feature I want to add is that the main category ...
0
votes
1
answer
146
views
Bootstrap theme embedded iframes are distorted [closed]
I'm trying to embed videos onto a page, but they are displaying all stretched out. Here's what it should look like, and this is what it currently looks like.
Here's my embed code:
<iframe width="...
0
votes
1
answer
1k
views
Using a full-width hero image that can be changed in the dashboard by a user
I'm building a site using bootstrap and converting to WordPress. I have some hero images on pages where a user won't need to change them. However, I have a custom post type that I really want the same ...
- 125
0
votes
1
answer
632
views
Can't center post thumbnail with bootstrap [closed]
I really don't understand why this thumbnail can't be in the center ? I've tried with margin: 0 auto, trying to use col-md-... but nothing works.
Can someone help ?
Thank you
<div id="primary" ...
- 55
0
votes
2
answers
115
views
Custom Thumbnails [closed]
I want to create custom thumbnail dialogues for the homepage of my WordPress installation.
This is what I want to achieve:
This is the bootstrap code for the image above:
<div class="row">
...
0
votes
1
answer
1k
views
WP Media Uploader modal conflicts with Bootstrap modal
I was creating a form in a Bootstrap Modal to allow users to create new posts from the frontend. Everything seemed alright until I wanted to upload a file to the media library or choose one already ...
- 533
0
votes
0
answers
87
views
Why the slideshow is not shown in my theme?
I am pretty new in WordPress theme developing and I have the following problem.
I am trying to create a WordPress theme that used BootStrap CSS framework based on this BootStrap demo static website (...
- 878
0
votes
1
answer
1k
views
change the icon of a custom post type in WordPress to use twitter boostrap
Using jquery, the icons of WordPress admin menu have been changed to use the twitter boostrap icons, done such as:
jQuery('#icon-themes.icon32').replaceWith('<div style="font-size:22px;" class="...
- 1,105
-1
votes
1
answer
385
views
Parent style messing up with Bootstrap [closed]
I'm using DIVI theme from ElegantThemes and have decided to use Bootstrap to render the font-end forms. I was able to get the script loading order right; with the style.css (DIVI) loading before ...
- 569
-1
votes
1
answer
1k
views
Bootstrap navbar-fixed-top issues [closed]
I am using a Bootstrap navbar-fixed-top and I have added this css to drop it below the admin bar:
@media screen and ( max-width: 782px ) {
.logged-in .navbar-fixed-top {
margin-top: 46px;
}
}
...
- 143
-1
votes
1
answer
1k
views
How to make this splash page responsive
I need to create a simple responsive splash page where there is a full background image with a logo, text and CTA on the top half of the image.
The Mobile_View image is how the page looks when ...
- 9
-1
votes
1
answer
218
views
Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
I'm designing a custom Theme using the underscores.me template. I've read several different "my css doesn't load" articles on this topic, but none seem to help w/ my issue.
My own styles ...
-4
votes
1
answer
768
views
How to make a page extend full screen [closed]
For some reason my wordpress theme has invisible margins on both sides of the page, forcing all my content into the middle.
Example.
- 1