-
Closed
-
Hi, few issues. First, I added the correct code you shared in another thread to move the arrows in bootstrap slider on the home page and it worked great, but now there is a grey area below every slider image before the rest of the site. How can I remove that?
Next, I need to move the location of the content on the bootstrap slider images so that it doesn’t cover the main photo! How do I move the copy and the button to a different place on each slide for what makes the most sense?
Finally, I am trying to add a search bar in the header under the social icons, not in the menu. Is there a way to do this?
Thank you!
Hi,
Regarding first issue.
Go to Theme Options -> Header -> Header Widgets -> Number of widget cols in header
Select the first option. Save your changes.
Regarding second issue.
No matter where you move, it’s going to cover your picture.
I suggest removing the caption, leaving only the button.
You can add captions into your image, using an imaging tool.
Use the following to hide your captions.
.carousel-caption h2, .carousel-caption p {
display: none !important;
}
Regarding third request.
Sorry, it will require modification to theme code, Please hire a developer to assist in this customization. We can only provide modification that can be done using custom css.
Thank you.
Tried #1 it didn’t work. There’s no where to add/edit home page widgets.
As for #2, I don’t want to hide the messaging, I need the messaging there. Like I said I want to move it as indicated in the diagram. How do I reposition the messaging?
#3, that’s fine I’ll adjust, I’d just like to know why/how that grey bar suddenly appeared. To me that seems like an issue with the theme slider development as it wasn’t there before. Saying just hire a developer doesn’t make sense – why/when did this appear and why can’t you correct the error in your own theme? This bar appears regardless of the picture that I use as the header. I am always happy to slightly resize the header image if I need to remove that bar but there needs to be a better answer.
You can see exactly what I am trying to do in my original post in the diagram.
Hi,
Since the setting does not work for you, Use the following to hide the grey bar.
.menu-back .header-widgets {
display: none !important;
}
Use the following to move the slider captions.
.carousel-caption h2, .carousel-caption p {
text-align: right;
}
#bootstrap-slider .carousel-caption {
float: right !important;
position: absolute !important;
left: 48% !important;
top: 10px !important;
width: 50% !important;
}
.carousel-caption a {
float: right !important;
}
This is how it will look like.
Saying just hire a developer doesn’t make sense – why/when did this appear and why can’t you correct the error in your own theme?
I ask you to hire a developer to add search bar in the header under the social icons.
Which is your third request. This requires modification to theme template.
Does this makes sense now?
Thank you.
Was able to move text – is there any way that I can specify location by slide (add in slide number and do float right, center, etc.?).
Otherwise it’s great! Just didn’t know if I could move a designated slide at all. Thank you!
Hi,
Sorry, you can look at the slider HTML code, there is no specific id for a slide.
Thank you
The topic Bootstrap Slider and Header Issues is closed to new replies