Hey David!
Use the “Short Separator” then add this on Quick CSS or custom.css:
.hr-inner {
width: 100%;
position: absolute;
height: 1px;
left: 0;
top: 50%;
width: 100%;
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
}
.hr-short .hr-inner-style {
border-radius: 20px;
height: 34px;
width: 34px;
border-width: 2px;
border-style: solid;
display: block;
position: absolute;
left: 50%;
margin-left: -17px;
margin-top: -17px;
line-height: 33px;
text-align: center;
border: none;
}
.alternate_color .hr-short .hr-inner-style:before {
color: #42a0bd;
}
div .hr-short .hr-inner-style:before {
content: '\E808';
font-family: 'entypo-fontello';
}
.hr-short .hr-inner-style:before {
font-size: 13px;
color: rgb(66, 160, 189);
}
Regards,
Ismael
Awesome…! that worked – Cheers :-)
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.entry-content-wrapper .post-title {
font-size: 50px; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS as well
div .slideshow_caption h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
}
.av_slideshow_full .active-slide .avia-caption-content { font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
Regards,
Yigit
thanks i tried but nothing changes. I would put the arial font and increase the size of both written http://www.biluba.com
help me
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #menu-item-search.menu-item-search-dropdown>a {
font-size: 20px;
margin-top: 10px;
}
Cheers!
Yigit
Hi allaboutapps!
You can use these selectors on Quick CSS:
.sort_by_cat {
font-size: 15px;
}
.inner_sort_button span {
color: red;
}
.main_color #js_sort_items a.active_sort {
color: blue;
}
Best regards,
Ismael
Hi kriesi support team,
I have a portfolio grid on my site and would like to edit the category selector above the portfolio grid (change the font, size and so on).
Is there any way I can do this?
Thanks in advance!
Thomas
Hello
Here is our Enfold’s version: http://www.augmented-banking.com/
We need just (for the time being) a single homepage.
I had many customized tips for a better mobile experience (like biger font-size in Layer Slide, top fixed header,…)
Hi,
I’m wanting to use Raleway 400,500,600 weights:
paragraph – raleway 500;
h1 {
font-family: ‘Raleway’, san serif;
font-size: 20px;
line-height: 23px;
font-weight: 500;
color: #a37908;
}
h2 {
font-family: ‘Raleway’, san serif;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #a37908;
}
I’ve added this into functions.php as above but not sure how to set the rest.
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Raleway’] = ‘Raleway:400,500,600’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Raleway’] = ‘Raleway:400,500,600’;
return $fonts;
}
Thanks!
Ok. See it here: http://screencast.com/t/QcB7SM15
The Post title: Business & Lifestyle Testimonial: Hear From The “GodMother” Dorothy Cook Platinum President
I have increased the font size to 50px but can see no change.
Please advise.
Hi!
For a fixed header on mobile, add this to the Quick CSS:
@media only screen and (max-width: 767px) {
#header {
position: fixed !important;
}
.fixed_header #main{
padding-top:88px !important;
}
}
Regarding the font size difference on the LS and the background section, i’m not sure if it’s possible to equalize them because LS handles font size and positioning quite differently.
Cheers!
Josue
Hi Tommy!
You can use this to modify the portfolio excerpt:
.grid-entry-excerpt.entry-content {
font-size: 20px;
font-family: Arial;
font-style: normal;
}
Change the values. Add this to center align the excerpt:
.grid-entry-excerpt.entry-content {
text-align: center;
}
Cheers!
Ismael
Hi fjrichart!
You can add this on Quick CSS to change the font size:
.comment_text em {
font-size: 11px;
}
Best regards,
Ismael
How can I change the size and color of this message: Tu comentario está en espera de revisión (Your comment is awaiting moderation)
It appears in spanish in my blog because it is a spanish blog but I don’t know where it is created in spanish because I’ve only could find it in English in “loop-comments.php”.
Hey!
Try adding this code to the Quick CSS:
.button {
font-family: 'Oswald', sans-serif;
font-size: 22px !important;
}
Cheers!
Josue
Hi guys,
On this page:
http://kristencooper.com/ctt/experience/
I have a grid of 1/3 columns with images and text widgets placed inside.
How do I reduce the padding and/or margin between rows of columns. The space between the columns (side to side) is good. I need to tighten up the space between the rows (up and downwards).
Also I have set some CSS for the text on this page as such:
.experiencecaptions {
font-size: 150%; line-height: 125%; text-align: left; color: #b8b8b8;
}
I apply this in the text widget with a span class. These instances of the text are also links.
I want the hover state of the links to change color and have no underline and be red, so I wrote:
.experiencecaptions a:hover{
text-decoration: none; color: #cb2f16;
}
This has no effect while another similar style works elsewhere on another page.
I also tried just:
.experiencecaptions a{
text-decoration: none;
}
also no dice, I’m not overriding something in the cascade even with !important added.
Any help would be most appreciated.
Thanks
Tony
Is there a way to change the font and font size of the submit button?
input[type='submit']{font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
input[type='submit']{ font-size: 20px; }
I tried this, however it didn’t work. Any idea why?
I customized the font and the size of the other buttons, so wondering if there’s a way to customize the contact form buttons as well?
Best,
Rubie
Hi!
Please add following code to Quick CSS as well
.widgettitle { font-size: 28px; }
Regards,
Yigit
Fantastic!!!
Thank you very much, this solves my issues!
Hey MUNFORD!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
1-
#toggle-id-1 .toggle_icon { display: none; }
2-
.js_active .toggler { font-size: 16px; font-weight: bold; }
3-
.toggle_content { padding-top: 30px; }
Custom CSS code added in Quick CSS section will be safe as long as theme names are matching while updating. You can still move the code to bottom of Style.css file of your child theme.
Cheers!
Yigit
Hello :)
//Go top top:
– i don’t see it on my iPhone 5s/IOS 7/Safari but i see it with the same mobile on Chrome
– the bottom/right position of go to top overlay my texts (see my screenshot), is it possible to make more near the left edge and less big?
//Text size (Layer slider VS background section):
As you can see in my screenshot, the first image is a layer slide and the next bottom one a background section image, both have the same font-size: it render great for the second one, but the text in the layer slider are too small. How can i manage this to have bigger text in the layer slider?

//Responsive slide out menu within small fixed header:
Is it possible ti have, on mobile, a small fixed header? Because using the go to top to open the menu is not really user friendly
Thanks
Hi!
It should work for the header’s title. Can you please post a screenshot of the title that you want to change?
Cheers!
Ismael
Sorry but that doesn’t seem to be working. I have cleared the Cache.
Please advise.
Hi David!
Please use this on Quick CSS to increase the size of the font:
.title_container .main-title {
font-size: 30px;
font-weight: 400;
}
Best regards,
Ismael
Hi!
Yeah sure. You can add this on Quick CSS:
.social_bookmarks li a {
width: 30px;
line-height: 32px;
min-height: 30px;
height: 100%;
text-align: center;
font-size: 15px;
}
Cheers!
Ismael
Hi,
Can you please advise on how to increase the font size on the Post/Page titles in Enfold?
Regards,