Hi Victoria,

thx for your answer! All works very well in the »Quick CSS«, thx! :)

Only thing is left…please read this again:
If you change the font-size, the highlight-size doesn’t
change! So it would be good, to have also an css-
snippet for that. ;)

Best regards
Carsten

Hi Jordan,

thx for your answer! It works, nice!

But – I also wrote that I want to change the space between the icons.
And by the way – how can I change the colour of the round back-
ground-highlights of the icons? That would be nice, too. :-)

Short note: if you change the font-size, the highlight-size doesn’t
change! So it would be good, to have also an css-snippet
for that. :-)

Best regards
Carsten

Hi Ismael,

michaelH’s solution worked great to get the icons and text aligned. For really long words, it would not align and we had to add a line break and hyphenate the words.

The only issue we have now is that we have quite a few icons, and we want users to be able to scroll through them.

We added arrows, but they are not clickable. The only way to see tabs further down is to click on the rightmost tab and then it displays the next few tabs. We want arrow navigation to scroll through all the tabs. Example page: https://www.mindscope.com/recruiting-software/

Arrow code:

.av-tab-section-outer-container:after {
content: ‘\e879’;
font-family: ‘entypo-fontello’;
font-size: 30px;
position: absolute;
top: 100px;
z-index: 1000;
right: 20px;
}

.av-tab-section-outer-container:before {
content: ‘\e878’;
font-family: ‘entypo-fontello’;
font-size: 30px;
position: absolute;
top: 100px;
z-index: 1000;
left: 20px;
}

Hi Rikard,
I did it and it works. Thank you.
However, I’m concerned that such things have to be fixed with additional CSS code. Maybe I’m wrong but should globally font size setting solve the problem? Next I would like to change the font size I’ll have to remember about all this additional fixes like

@media only screen and (max-width: 767px) {
    .responsive .template-page .big-preview {
        padding: 0 0 10px 0;
    }
}

.template-blog.template-single-blog p {
    font-size: 15px;
}

ul li {
  font-size:15px !important;
}

First concerns a bug with displaying cover photo on the post list on mobile (same on our demo side) – details in my other post
Second fix the font size on single post without sidebar. Similar problem as in this thread – details in my other post.

I thing it is strange. That global setting in Enfold->General Styling->Fonts does not work for all fonts. Or maybe this are all bugs?
Thank you in advance for clarification.
Regards,
Chris

Hi Victoria

yes, its working fine this time,
still my bottom of page related plugins “Related Posts by Zemanta” font size become smaller now
similar to other plugins “Table of Contents Plus’ -it was working before well,

I updated my all CSS code in private section for your review,

Can you please check once,

hello there, can someone help me with the problem form above?
I mean I put the quick css in the general styling, but the Text Welcome won’t change, it remains the same size and thickness. so how can I have Welcome bigger and thicker and of another color as well(not red). where in the quick css should I introduce the Welcome title?

3) how can I change the colourfont of the subtitles, instead of red I want them to be black.

Hello, I have another styling problem. The font size is different on paragraph and different on bullet list.
Example: https://www.sensity.pl/agorafobia-objawy-i-leczenie/
font size: https://snag.gy/lRbPZ2.jpg

As above:
– no styling applied in post editor
– 15 px font size set in Enfold/Appearance
– @Victoria recommendation done.

Any ideas?
Regards!
Chris

Thanks for getting back to me Jordan. I posted a link to the page below. As you can see, the sorting/filtering option is currently centered above the masonry blog post element; whereas I’d like it to be left aligned. I’d also like to increase the font size a bit and get rid of the italic font effect. Many thanks

Hi Mike,
Thank you so much!
Couple more tweaks if possible:
I don’t think the tick box and “Save my name and email in this browser for the next time I comment.” are particularly relevant, could we remove them?
I’d like it to say “Comment” in the comment box and have tried copying the code for the Name and Email boxes but to no avail I’m afraid…
Please could I have code to make the “Post Comment” button the same height and with the same size font as the subscribe button below?

Looking at the section on a mobile, the “Privacy Policy” tick box line is half covered by the “Post Comment box…
Thank you for all your assistance!
Best wishes
H

Yes, but it works not correctly. The mgea-menu was very narrow and not across the full width.
Here is my quick CSS:

/*Hauptmenü Schriftfarbe und Schriftgröße.*/
#top .main_menu ul:first-child > li > a {
font-size: 14px;
color: #C60000;
}

/*Second Menu oben Schriftgröße.*/
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
font-size: 16px;
}

/*Schriftgrösse PREIS*/
.price .amount{
font-size: 16px !important;
}

/*Schriftgrösse inkl. MWST*/
.price .woocommerce-de_price_taxrate{
font-size: 12px !important;
}

/*Schriftgrösse Lieferzeit*/
.shipping_de.shipping_de_string small span {
font-size: 12px;
}

/*Im Hauptmenu Warenkorb-Botton vergrößern*/
a.cart_dropdown_link {
font-size: 36px !important;
}

#header #header_main_alternate .container {
padding: 0 40px;
}

/*Text rechts neben Warenkorbs einfügen*/
#header_main #menu-item-shop .cart_dropdown_link:before {
content: “Warenkorb “;
position: absolute;
margin-left: 40px;
top: 10px;
font-size: 14px !important;
}

/*Die Position des Warenkorbs ändern*/
.html_cart_at_menu.html_bottom_nav_header #menu-item-shop {
right: 20px;
position: absolute;
top: 20px;
}

/*Größe und Textfarbe Tel-Nr. oben links*/
.phone-info * {
font-size: 18px;
}
.phone-info * {
color: #c00000 !important;
}

/*Preis pro Einheit in der Produktsicht anpassen, kleiner und nicht fett*/
#top .price-unit, #top .price-unit span {
font-size: 12px;
font-weight: 300;
}
#header .avia_mega_div {
overflow: visible !important;
}

Hi Nikko,

Sorry to disturb but I am still in trouble with the advanced styling settings.
No more color, or fonts or size are displayed anymore in that section of Enfold child settings.
Could you connect and check this for me please ?
(Please try to not remove all my fonts and colors ;-))

Thank you

thanks,
but the 2) problem doesn’t work, I mean I put the quick css in the general styling, but the Text Welcome won’t change, it remains the same size and thickness. so how can I have Welcome bigger and thicker and of another color as well(not red). where in the quick css should I introduce the Welcome title?

3) how can I change the colourfont of the subtitles, instead of red I want them to be black.

thank you

Bogdan