Hi mcraig77!
Thank you for using Enfold.
1.) You can use this on Quick CSS:
span.inner_sort_button span {
font-size: 18px;
font-family: Arial;
}
2.) Change the background color with this:
.av-masonry-sort.main_color {
background: red;
}
3.) Use this for the load more:
#top .av-masonry-load-more {
font-size: 13px;
}
.main_color .av-masonry-pagination, .main_color .av-masonry-pagination:hover {
background-color: red;
}
Cheers!
Ismael
Hey Chris!
Yes, that’s currently a limitation, the problem is that the special heading shortcode structure is like this:
[av_heading heading='Hello' tag='h3' style='' size='' subheading_active='' subheading_size='10' padding='5' color='' custom_font='' custom_class=''][/av_heading]
So the problem is that the heading text is declared as an attribute (hello) making impossible to put another set brackets there. As an alternative you can always use heading element inside a Text Block this way – http://screencast.com/t/mmF6pBVYh
Cheers!
Josue
Just wondering how I can change the size of bulleted items .. they seem to default fairly small.
Thanks,
Bill
Hey!
Try adding this code to the Quick CSS:
.av-share-link-description {
font-size: 22px;
font-family: sans-serif;
}
Cheers!
Josue
Hello how do I change the size and font family of the “Share this entry” text for every page?
Hello!
It’s possible to display Portfolio items based on their tags thanks to the ‘Tag Cloud’ Widget. Is it possible to make the font size of the words “PORTFOLIO ITEMS” smaller (e.g. 24px) and to define a smaller thumbnail size for displayed items (e.g. 150x150px) ?
Here is an example of a search via the Tag Cloud Widget: [see link below]
And if helpful, you’ll find the Tag Cloud widget in the 3rd column of my footer on every page of my website.
Best thanks!
CB
One question:
is there a way to reduce the space above and beyond the pictures in the menu “Zirbenbetten” on our website http://www.neulinger.at?
I inserted this HTML-code:
<img src="http://www.neulinger.at/wp-content/uploads/2014/01/ferrero-ubermenu.jpg" /><br><font size="2">Zirbenbett<br>FERRERO</font>
-
This reply was modified 11 years, 6 months ago by
wernerfriedl. Reason: Code-Tags
Hey!
Try adding a margin bottom to the iconlist_icon selector:
.page-id-49 .avia-icon-list .iconlist_icon {
height: 30px;
width: 30px;
line-height: 24px;
font-size: 14px;
margin-bottom: 20px;
}
Regards,
Josue
This reply has been marked as private.
Hello –
I have a few questions regarding the masonry portfolio –
1. How do I change the font family and text size for the sortable menu?
2. How do I change the background color for the sortable menu box?
3. How do i change the “Load more” text size and font family?
5. How do I change the background color for the “Load more” area?
Thanks in advanced!
Hey!
Try adding this code to the Quick CSS:
.av-hotspot-container .av-image-hotspot_inner {
font-size: 0;
}
Cheers!
Josue
Hi.
Is it possible to edit the tag section i posts? I would like to change the color on the “tags” text but also the tags. I would also like to change the size.
Thanks
OK. It worked …BUT the client wants the icons in to be white in a blue box similar to the afore mentioned website:
http://theworksmiths.com/
It looks like there was some fancy coding there to get the boxes to change with browser size… I don’t need to go that far. I am a graphic designer in uncharted territory so bear with me…
I assume that since my default design for the header layout menu items is just a thin color bar under each menu there must be some custom coding (and perhaps replacing the bar image file with a box image file to create the box)
Also, I am creating custom font icons so will I need to add the page title as part of the image?
I know this may be beyond what theme support offers but any illumination would be helpful
Thanks for your help,
Claudia
Thanks Josue
I’ve got a display issue when viewed on a mobile http://theimplantexperts.com/wp-content/uploads/2014/09/Screen-Shot-2014-09-26-at-15.19.54.png
If possible I’d also like the points to be slightly closer together.
This is the code I have in at the moment:
}
.page-id-49 .avia-icon-list .iconlist_icon {
height: 30px;
width: 30px;
line-height: 24px;
font-size: 14px; }
.page-id-49 .avia-icon-list .iconlist-timeline { left: 17px; }
.avia-icon-list li .iconlist_title {
font-size: 14px;
text-transform: none;
font-weight: normal;
}
.avia-icon-list li {
min-height: 20px;
}
Many thanks
Hi etcc_1002!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can adjust font sizes of heading elements in Enfold theme options > Advanced Styling
Regards,
Yigit
Hi!
Please edit the text layers then go to the Attributes panel. Apply a custom css class on the Classes field. Use “mod-text” for example. On Quick CSS you can use media queries to alter the font style on smaller screens:
@media only screen and (max-width: 767px) {
.mod-text {
font-size: 13px !important;
}
}
Best regards,
Ismael
Hi,
May I know if there is any way to adjust the font size? I would like to enlarge all the text (body and title).
Thank you.
Hi!
Try using the css line-height property. Something like this:
@media only screen and (max-width: 767px) {
.custom-layer {
font-size: 12px !important;
color: red !important;
line-height: 20px;
}
}
Regards,
Ismael
Hi,
Is it possible to style the H3 tag as a different font family and size than the other H tags (H1, H2, H4, Etc)
Thanks!
Hi!
Please try using following code
.flex_column.av_one_fifth h1 {
font-size: 32px!important;
letter-spacing: -1px;
}
.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-3 h1 {
word-spacing: 20px;
}
Best regards,
Yigit
This reply has been marked as private.
Hi,
I followed your advice to get a padding between my portfolio images, but it does’nt work.
I’m working offline – so I can not send you the link to my site.
Your advice for sombody else was:
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .isotope-item {
padding-right: 5px;
padding-bottom: 5px;
}
h3.grid-entry-title.entry-title a {
font-size: 16px;
color: red!important;
}
Any other suggestion?
I also want to get rid of the boarder around the portfolio images, as it is not nice-looking when the titel is placed in 2 lines, next to an image with a title in one line. Could you please insert that in the code too. (I’m a graphic designer, not a programmer …)
Thank you in advance
Regard
Bettina
I am trying to change the size and color of the Header font (the header that goes with the breadcrumbs but only displaying the header)
What is the code to do that?
Thanks
Hey!
Add this too:
.avia-icon-list li .iconlist_title {
font-size: 12px;
text-transform: none;
font-weight: normal;
}
.avia-icon-list li {
min-height: 40px;
}
Cheers!
Josue
Hey Mohan!
Try adding this code to the Quick CSS:
.main-title a {
color: red !important;
font-size: 22px !important;
}
Adjust as needed.
Cheers!
Josue
Hi,
I need to change the color and size of the page title.
Please let me know how to do this. I do not see any option in Advanced Styling>Edit element.
Thanks
Mohan
Hi a00109943!
Thank you for using Enfold.
Use this to change the font color of the tab content:
.main_color .tab_inner_content h4 {
color: white;
font-size: 18px;
}
.main_color .tab_inner_content > * {
color: white;
font-size: 14px;
}
Cheers!
Ismael
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.avia-layerslider .avia-button.avia-size-large {
padding: 7px;
font-size: 13px;
min-width: 100px;
margin-top: 12px;
}}
Best regards,
Yigit
If i change the font less than 32 px i have the first Special title that goes in one line and the others Special title are in two lines, so this one it’s not so pretty to visualize it.
Is it possible to force the Special title in this section on two lines also if i have less than 32 px size?
Best regards
Hey!
Please change font size to 26px instead of 32px. That font size is simply too big for 1/5 column element
Best regards,
Yigit