Hi,

After searching this forum, I’ve managed to add some icons to my menu. The thing which doesn’t work so far, is styling them. I would like to edit the margin-top to achieve one horizontal line. As you can see, if you follow the url in the private part, there is also a border left of the empty text-link. It should be removable using the menu-item-ID, but somehow, it doesn’t work for me. Minor thing, I don’t see it in icons, but it does excist in entypo, the icon for ‘@’. Do you have the ue-number? Or isn’t this part of the package?

Can you help me out?

Regards,

Erwin

• This topic was modified 9 years, 1 month ago by Erwin.

I need support on the enfold theme. I see a link to go to the forum, but how do I even register to post in the forum?

The theme is installed, the mobile version is different than my desktop version on the home page on the mobile version there is a picture of a weightlifter. Its supposed to be a video.

0ec7a67a-9c0a-4e68-9ad5-cb4ff7c480d3 – 19 Jan 2017

Hi! I’m trying to remove the padding of a section on responsive mode. Here is the code I use for my section ID “entreprise”:

#entreprise .responsive #top #wrap_all .container {
margin-bottom: 0px!important;
width: 100%!important;
max-width: 100%!important;}

I fixed it for the normal mode with this code:
#entreprise .container {
padding: 0px!important;
}

Can you help?

Hi.

I would like to make an custom CSS with media query, but it is not working for me. It seem like !important tag is overriding as it should not.

I want to make adjustments to slider text and button in different screen sizes (mobile, tablets, notebook, desktop)

Here is the code and its just the first part of it, that works, the other screen sizes does not, no matter what I change.

@media (max-width: 400px) {

.responsive #top .slideshow_caption {
left: 0;
width: 50%;
padding: 100;
top: 6px;
}

.responsive #top .slideshow_caption {
left: 0px;
width: 100%;
padding: 0;
}

.avia-caption-content p {
font-size: 9px;
margin: 0px 0;
max-width: 85%;
display: inline-flex;
}

.responsive #top .slideshow_caption h2 {
font-size: 12px !important;
max-width: 75%;
display: inline-flex;
}

.responsive #top .slideshow_caption .avia-caption-content {
font-size: 9px;
width: 50%;
margin-left: 50%;
}

#top .avia-slideshow-button {
text-transform: uppercase;
padding: 2px;
display: inline-block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
font-size: 7px;
}

.responsive #top #wrap_all .container {
width: 95%;
max-width: 95%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}

@media (min-width: 400px) and (max-width: 480px) {
/* same CSS but different values */
}

@media (min-width: 481px) and (max-width: 680px) {
/* same CSS but different values */
}

@media (min-width: 681px) and (max-width: 1200px) {
/* same CSS but different values */
}

etc. …

Please help.

Thank you.

Hello,

I added the following code to the Quick CSS window. It creates a nice maroon background for my right side bar.
However, it works fine in chrome but not in explorer or on my iPhone (shows as white).
Can you help? Thanks.

@media only screen and (min-width: 768px) {
.container_wrap.sidebar_right{
background:-webkit-gradient(linear,right top,left top,color-stop(#7d223a,0.200),color-stop(#dadada,0));
background:-webkit-linear-gradient(right, #7d223a 26.0%, #dadada 0%);
background: -moz-linear-gradient(right, #7d223a 20.0%, #dadada 0%);
background: -o-linear-gradient(right, #7d223a 20.0%, #dadada 0%);
background: linear-gradient(right, #7d223a 20.0%, #dadada 0%);
}
}