Hey Guenni007 can you please be a little more specific how you manage to get the social icon displaying? did you use the HTML Ul listing can i see your html code please.

Hi Vinay, Thanks great idea i never knew we can do this.
but my problem still remain how can i have the 3 icon displaying horizontally on the center…

1. Cant get the social media displaying on horizontally center WP keeps adding br html tag.
2. Cant get the shortcode for two buttons displaying side by side.

See the home page please

Thanks this makes things much easier.

• This reply was modified 7 years, 11 months ago by bobo.

Hey Guenni007 Good timing I was runing into a problem with the social icons not displaying correctly on other devices I will give a try and see how it goes.

Fullscreen slider dasn’t have an option to give a class name, how did you manage to give a class name?

Thanks

• This reply was modified 7 years, 11 months ago by bobo.

I have decided to use the color section block and i give an ID class name and I manage to get the block container to move up but now the social media icons are not showing is overlapping the fullscreen slider I mean is behind the fullscreen slider so i have tried to use the z-index 9999 !important that didn’t work and still not center.

Hey Kikko.

Thanks for the respond.

I haven’t tried that although i have thought of it but I never give a try yet i was scared that my add the extra space creating the scrollbar height which i’m avoiding for any extra space scrolling up/down..

I’m going to give a try and get back to you

Thank you

Hi Jordan thanks for the reply, Please have a look the details on the Private Content area.

• This reply was modified 8 years, 2 months ago by bobo.

Hey Vinay thanks for the reply, where would you suggest i should start looking to fix this issue?

Thanks

Hi Elliot below is a basic CSS code that I think will do the trick but dasn’t look right on different devices it only looks ok on desktop…
I did this test using google chrome css editor you probably won’t see this as i never actually added on the theme style.

/*This goes on the text part, that i needed to add the Width. plus this is a element so their was no way i can edit this on the style*/
element.style {
padding: 150px 50px 0px 50px;
background-color: rgba(0,0,0,0.75);
border-radius: 0px;
width: 34%;
}

/*Here i was trying to center the whole Div Content to the center not sure if did the right thing using the same class name, if you view it as a mobile you will see it brakes apart*/
.flex_cell_inner {
display: block;
position: relative;
margin-left: 340px;
}

Thanks
Bobo

My solution would be solve if i edit the /themes/enfold/css/grid.css
removing this line 273 #top .no_margin.av_one_fifth [ /* width: 20%; */]

I’m afraid this may affect other grid layouts even if i do it on child theme, since i am using the same class name. is it possible to create a class name so i can do it that way?

• This reply was modified 9 years, 1 month ago by bobo.