-
Posts
-
Hi
I have 2 issuses
1. I would like to center the white box with content and the width of it should only be 75% instead of 100%. Is there a way to do that
2 I have breadcrumbs activated on my site but it seems that they are hidden under the color section, how do I get them visible?
I will share link in private content.Thank you
Hi,
I took a look at your site, but it seems that the breadcrumbs are at the top of your pages and visible.
Please see the screenshot in Private Content area.
Please link to the page(s) where the breadcrumbs are not visible so we can assist.Best regards,
MikeHej
Yes I found a way to show them thanks.
Do you have an idea how I can style them, so they look like they normal do in the theme?Hi,
Great, glad you found a solution. I’m not sure exactly what you are looking to change, could you try to explain a bit further or post a mockup of your intentions please?
Best regards,
RikardHi,
Please see our documentation for the breadcrumbsBest regards,
MikeHi
Thanks. It’s almost working now :-)
Maybe you can help me with the next step. I would like to remove the background-color or make it transparent because I have an image as background. But it’s tricky, even if I set the background-color as transparent it becomes white but I want to be able to see the image.
ThanksHi,
We will be happy to help, are you setting the header as transparent in the editor sidebar options?
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
The white bar is your title container, to remove please add this css:.title_container {display: none !important;}Best regards,
MikeHi again
Thanks for the reply. The css also removes my breadcrumbs, it’s only the white bar above the menu, I would like to be transparent.Hi jakobl1976,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaHi,
Please try this code in the General Styling > Quick CSS field:.html_header_transparency #top .avia-builder-el-0 { top: -74px !important; } #main { background-color: #000 !important; }It moves the slider up & changes the background black.
Best regards,
MikeHi Mike
Thanks, but as you wrote it moves up the slider and lives a black “border” under the slider. There must be a way to make the white “border” in the top transparent :-) ?
ThanksHi,
I believe that instead of enabling the title bar on a transparent header by modifying the theme, we should add the breadcrumbs as a shortcode and add the shortcode in a code block at the bottom of the page.
Then move the breadcrumbs under the menu with this javascript:jQuery(window).load(function(){ jQuery( '.breadcrumb.breadcrumbs.avia-breadcrumbs' ).insertAfter( '.avia-menu.av-main-nav-wrap' ); });and hide the code block and style the breadcrumbs with css such as this:
.avia-breadcrumbs,.avia-breadcrumbs a { color: #fff !important; } #after_full_slider_1 { display: none !important; }I tested this on my localhost, and it seemed to get the results you are trying for:
(my example would still need a little more styling)
Would it be ok for me to try this on your site?Best regards,
MikeHi Mike
Thanks for your reply.
I solved it with the following css:
@media all and (min-width: 960px) {
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
position:absolute;
left:50%;
}
}@media all and (min-width: 960px) {
.title_container .breadcrumb {
left:-410px !important;
}
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow, .avia-builder-el-0.av-cell-min-height-100 > .flex_cell {
height:100vh !important;
}
}
- You must be logged in to reply to this topic.