Hi Yigit,

Thanks for the link. Unfortunately, I’m not enough comfortable with English nor with code.

Here, in private, a link where I put all the CSS witch are in quick CSS and the answer of CSS Lint. If you can help…
If not, can you just tell me what the difference between quick CSS and custom CSS ?

Thanks a lot,
Best regards

Hi Jordan,

Thanks a lot, it works.
It was just in bold but I found what to add to put the font in “normal”.

Best regards,

Hi Victoria,

Thanks. Its works but not for the excerpt. I tried with the plugin Advanced Excerpt but there was a bug.
I found another solution in following another link from another post
https://kriesi.at/support/topic/display-only-excerpt-on-archive-page/#post-364919

So, now, it works !

I got another question about “you might also like” section at the end of an article (to give the opportunity to click to another article, like the example in the link https://kriesi.at/themes/enfold/2014/04/28/new-electric-cars-are-getting-really-fast/).
I will look for it in the forum or open a new topic for that.

Can you tell me how to call it, to find an answer easily ?

Thanks a lot

Thanks a lot !

Hi Ismael,

I removed the code because it didn’t work anyway.
Here the code I removed :
.av_font_icon.av-icon-style-border .av-icon-char {
padding: 20px;
font-size: 30px!important;
border-width: 1.5px;
}
Here the login.

To resume the problems :
– I would like the logo to be centered in height, on desktop. Actually it is too close from the top
– I would like the icon border to be thinner (1.5 px). For example, at the end of the page which I gave the link or at the end of home page.
– On mobile device, the vertical dotted line which links the icons (icon-list) is shifted on the right. Is it possible to get the line in the middle of the icon (same as on desktop) ?
– And if I can remove “vous êtes ici” in the breadcrumps, it would be great

Thanks a lot

Thanks Victoria,

For icon-list, I changed the size like that (and it’s great !)
@media only screen and (max-width: 767px) {
#av_section_2 .avia-icon-list .iconlist_icon {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}
BUT there is 2 problems
1/ On mobile device, the vertical dotted line which links the icons is shifted on the right. Is it possible to get the line in the middle of the icon (same as on desktop) ?

2/ On desktop, other icons (not icon-list) in others pages get their border-width thicker. While I modified this in a CSS (see by example the link) :
.av_font_icon.av-icon-style-border .av-icon-char {
padding: 20px;
font-size: 30px!important;
border-width: 1.5px; }
I don’t know if it created a conflict ?

For the logo space, I reduced the size of the logo and changed the size of Header. But I don’t know the code to put some space on the top.
When I tried, it made the breadcrumps disappear.
I would like the same space on top as it is actually on bottom.
Can you write me the CSS for that ?

For information, here is all the CSS, I put on.
/* pour que le menu ne se superpose pas avec le logo sur petits ecrans */
@media only screen and (min-width:768px) and (max-width:1200px) {
#top .av-main-nav > li.menu-item-avia-special {
display: block;
}
#top .av-main-nav > li.menu-item {
display: none;
}
.responsive #top .av-main-nav #menu-item-search.menu-item-avia-special {
display: block;
}
}

/* pour que les icones soient plus petites sur petits ecrans */
@media only screen and (max-width: 767px) {
#av_section_2 .avia-icon-list .iconlist_icon {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}

#header
.avia_transform .av_font_icon {opacity: 1 !important;}

/* F dans menu mobile */
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
display: block;
}

#faq ul { padding-top:0 !important;}
#footer { font-size: 0.8em; }
#footer .first { font-size: 1.3em; }

/* colonnes du footer sur mobile */
#footer div .av_one_fourth {
margin-left: 0%;
width: 100%;
}

.av_promobox {border-radius: 8px}
.av_font_icon.av-icon-style-border .av-icon-char {
padding: 20px;
font-size: 30px!important;
border-width: 1.5px;
}
@media only screen and (max-width: 767px) {
#av_section_2 .avia-icon-list .iconlist_icon {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}
/* pour enlever you are here sur le fil ariane ou breadcrumps */
span.trail-before {
display: none!important;
}

Thanks in advance,
Anne

Hello Jordan,

Sorry for my bad english.
I would like to place text over the image of the slider as in the demo example (“THIS IS THE EASY SLIDER. The Easy Slideshow element allows you to setup a simple slideshow within seconds.”)
I don’t know how to do it. When I slide the slider into the builder, I can’t add any text or box inside.

Can you explain how to manage in the builder ? Should the slider be placed first in a color area or in a column? How do I add text ?
I hope that my explanations are clearer.

Thanks

Hey Nikko,

Here is a link,
thanks,