[Myka FowlerParticipant]

I am trying to re-create this… http://www.dudamobile.com/three-panel … 🙂

Okay, starting from the top of the page in the link :

How do I make the Header Semi-Transparent, and also how would I get the Header to overlap the banner below it?

For the banner – I was thinking I should create this in Revolution Slider, what settings do you guys suggest I use (Size, “Full-Screen”, “Auto-Responsive”, etc…)

And for the Three boxes below the banner, I was thinking to create those under the revolution slider within the Visual Composer, how would I go about making those boxes?

Thank you all so much! 😀

– Myka

[RadModerator]

Hi Neou,

Thank you for writing in!

1. To make your header transparent, add this css at your customizer’s custom css.

.site {
background: transparent;
}
.x-topbar, .x-navbar, .x-logobar {
background-color: rgba(0,0,0, 0.7);
}

This may not work depending on your stack. So much better if you could provide your site url for us to check.

2. Use full-width + auto-responsive .

3. No need to use revolution slider for that 3 column box. All you have to do is content band with 3 column setting and you’re good to go. Then use shortcode for each column (button, image, featured/custom headline, and link) with centered styling.

Hope this helps.

[Cynthia RParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Cynthia,

Please use the version of Visual Composer that is included with X. For more information, please see http://theme.co/x/member/kb/integrated-plugins-visual-composer/. For the Revolution Slider, we will need to see the problem live in order for us to give a solution.

Thanks.

[Cynthia RParticipant]

This reply has been marked as private.

[Cynthia RParticipant]

This reply has been marked as private.

[RadModerator]

Hi Cynthia,

Yes, you can’t use your purchased VC because X shortcodes aren’t built-in on it.

Revolution slider takes the width of its parent container, or if you set it with static width. My suggestion is use both auto-responsive setting and box layout of your site.

Though, when I checked your slider, it is weird that your slider does not follow its container width. The parent was set to relative and the slider was set as absolute which expected to work.

Could you provide a login for this? Post it as private reply.

Also, this code is showing up which means your X visual composer wasn’t installed. Please install it 🙂

[vc_row][vc_column width=”1/3″][vc_single_image image=”6875″ border_color=”grey” img_link_target=”_self”][/vc_column][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]Call for a FREE consultation (757) 839-3461![/vc_column_text][/vc_column][/vc_row]

Thank you.

[Myka FowlerParticipant]

Thank you so much 🙂

My website URL is http://neoudesign.com

I am also having problems with centering the buttons? Thanks

– Myka

I’m using the stack ETHOS.

[AlexanderKeymaster]

Hi there,

Just to clear some things up, you can’t actually place full CSS in the style attribute. This is for individual style rules you want to apply directly to the element. For example, you could enter: text-align:center; in that field.

Buttons will automatically have their text centered, but you can’t center the entire button with specifying a width for it. You can do that with styling like this

margin:0 auto; display:block; width:6em;

Then you’ll need to adjust the width accordingly.

[Cynthia RParticipant]

This reply has been marked as private.

[RadModerator]

Hi Cynthia,

Login won’t work, please confirm it and let me know.

Thanks.

[Cynthia RParticipant]

This reply has been marked as private.

[RadModerator]

Hi Cynthia,

I just changed your settings from inline to stack navigation, and turned off force full width at your slider. Please check and let me know if its something you wanted.

Thank you.

[Cynthia RParticipant]

I don’t like the stack navigation. Is that the only way for my navigation to fall below the logo. I want my pictures to fill the container of the slider. Are there specific measurements?

[RadModerator]

Hi Cynthia,

Navigation will only fall under the logo if it’s using full-width, even if you don’t use stack navigation and make your navigation full width, it will still look like that with same result.

If you could provide a screenshot of what you expect, then maybe we could style it that way. Perhaps you want stack navigation, left aligned logo, and floating navigation on top of slider?

Slider is responsive so it should fill the container and no specific measurement. Unless you like to use custom size. And you could use image layer scaling to match your slide dimenstion, though that may cause pixelation for small images. My recommendation is use large image if you wish to use it as full size image or as background image.

Thank you.

[Author]

Posts