-
Search Results
-
Hey David!
We could edit the theme files and include some more but in this case it would be easier to just add the buttons to the caption text option.
You can switch to the default editor and then use the magic wand icon to insert a button and then copy the shortcode and paste that into the caption text option when you edit the slider.
It would look something like this.
[av_button label='Click me' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff']Cheers!
ElliottIn reply to: masonry element – change BG colour
Hi!
Please add following code to Quick CSS
.av-sort-by-term * { color: white; font-size: 20px; } .avia_show_sort { color: white !important; } .all_sort_button.active_sort span { color: #27bdc2!important; }Cheers!
YigitHey Mark!
You can use following code in Quick CSS field in Enfold theme options under Generel Styling tab
.avia_textblock { font-size: 16px; }that would apply the changes on all text block elements. If you would like to apply it to a certain one, please turn on custom CSS field for ALB elements ( kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your element a custom class and then change the code to following one
.avia_textblock.your-custom-class { font-size: 16px; }Cheers!
YigitIn reply to: Blog Post Element font size
Hi supergaijin!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .fullsize .template-blog .post .entry-content-wrapper > * { font-size: 13px; }Best regards,
YigitMerhabalar!
Sayfaya bagli olarak font boyutunu buyultmek icin lutfen @begrafiks’in gonderisine bakin.
ALB elementlerinde Custom CSS alanini aktif edin oncelikle ( kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) sonrasinda boyutunu degistirmek istediginiz ikon elementini duzenleyerek custom CSS alalina her hangi bir sinif girin (ornegin: ozel-ikonlar) ve assagidaki kodu Enfold theme options > General Styling bolumunde bulunan Quick CSS alanina ekleyin.ozel-ikonlar { font-size: 20px !important; }Thanks @begrafiks her zamanki gibi :)
Best regards,
YigitIn reply to: Edit the blog post and page titles
Hi Elliott
The size changed but the color hasn’t
I also tried to change the font-weight and didn’t succeed.Do you have any idea how to change the color and font weight as well?
Thanks
BarryIn reply to: Background image
thanks josue
in the meantime the site is online with<body id=”top” style=”background-image:url(<?php bloginfo( ‘template_url’ ); ?>-child/images/bg.jpg); background-position:center top; background-attachment:fixed; background-size:cover;” <?php body_class($style.” “.$avia_config[‘font_stack’].” “.$blank); avia_markup_helper(array(‘context’ => ‘body’)); ?>>
in the header.php of the child theme
not very elegant …
Topic: Hyphenation possible?
Hi,
is there a way to get hyphenation to work with Enfold?
I’m setting up a website (in German) and because of the topic of Psychotherapy some words are too long for the mobile view.Especially when you use the “icon list” element, long words will be cut of in the mobile view. This problems worthens when you view the site on a smartphone instead of a small browser window on a desktop computer.
My initial solution was to change the font size in smaller viewports via “@media only screen and ” code, but if there is a way to hyphenate the words, this would certainly be a better solution.
Hey!
It works fine on our installation. Please try to remove browser cache then reload the page or replace the code with this:
.template-blog .entry-content > * { font-size: 18px !important; }Regards,
IsmaelTopic: Logo Height
Hi,
Love the theme!
Have a test site here http://192.185.4.116/~house/
As you can see for a logo sized at 263px (width) x 220px ( height) the slideshow ( header) overlays into the logo.Ive tried:
#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #F0F0F0;
}.logo, .logo img {
max-width: 263px !important;
width: 263px !important;
height: auto !important;
max-height: none !important;
}
.logo img{
position: relative;
top: -35px;}
.main_menu ul:first-child>li>a {
font-size: 16px !important;
}.main_menu ul:first-child > li > a{
padding: 0 20px !important;
}#header_main .container, .main_menu ul:first-child > li a{ height:180px; line-height: 180px; max-height: 180px; }
Also – If I increase the main menu height – what is required to ensure the above logo and below slider/header are all moved relatively?
Ive read the forums and tried multiple quick css solutions to no avail. Would appreciate some assistance.
ThanksHi pitcheuse ;
to change the font size of a page you should use the “id” of the “body” tag, there is a class attribute as “page-id-XX..page-id-XX p {font-size: 16px; }adjust the size as you like.
Her sayfainin “body” basligina bagli “id” ismini kullanarak o sayfadaki elemenlarde degisiklik yapabilirsin.
Topic: Blog Post Element font size
I’m using an Enfold-Child theme and want to change the font-size of one aspect of the theme (Note: not the default font-size, I’ve already done that).
What is the correct CSS code when changing the font-size within a Text box inside a Layout Element using the Avia Layout Builder?
In reply to: Button link not working
Hi bakbek ;
try to add this line in to your css :.iconlist_content p{ font-size: 15px !important}adjust the size as you like
that didn’t work; could I have some CSS in there now that is conflicting or?
http://relationships-at-work.com/
g
_____
here is all the CSS I have going on now:.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a {
background-image: url(http://relationships-at-work.com/wp-content/uploads/2015/01/RelationshipsThatWorkLogoOnly_LogoWithWords.png);
background-size: contain;
background-repeat: no-repeat;
}.avia-menu-fx {
bottom: 50px !important;
}html.html_boxed {
background: #fff top center repeat scroll;
background-image: url(“http://relationships-at-work.com/wp-content/uploads/2015/01/symphony.png”);.header_color .cart_dropdown_link {
background: transparent;
}ul.cart_dropdown.visible_cart {
border: none;
right: 20px
}div#header_main ul.cart_dropdown.visible_cart {
display: none;
}<link rel=”stylesheet” href=”//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”>
#wrap_all {
border-right: 1px solid #000;
border-left: 1px solid #000;
}.logo { left: -50px !important; }
In a brand new slider i put the following test shortcode in the text/html content
[av_heading heading='testing' tag='h2' style='' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]When i preview in design mode i get the short code code. Whn i load the page i get a blank slide.
IF i put a text after the shortcode and save, then i get everything. If i remove the text and leave the shortcode then it still continues to operate.
Any ideas? I only have a background color in the slide
In reply to: masonry element – change BG colour
Hey!
Try adding this to your custom CSS.
.av-masonry-sort a { color: white !important; font-size: 20px; }Regards,
ElliottIn reply to: Colour section with down arrow at bottom bug.
In reply to: child theme css errors, decrease tab margins
Thanks Yigit –
I looked at the site and it was indeed improved but now I am again seeing my quick css changes not dsiplaying.
I have for instance this:
.widgettitle{
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
and yet the font is displaying at 600 & when I look at the inspector it is this:
.widgettitle {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
I have cleared the cache many times. no change. I also now see that my h4 heading, which after your fixing the site displayed correctly in blue #2d5c88, are now black again. I did not change those settings. Not sure what is going on here. Also this is not working, though it was before I added the child theme:
/*padding sides*/
.container {
padding: 0px 30px;
}
.content .entry-content-wrapper {
padding-right: 30px!important;
}It is displaying and still listed in the inspector at a 50px padding.
I am still seeing icons on my landing page & in my portfolio grid overlays.
I have this:
/*disable icons in front page boxes*/
.iconbox_icon {
display: none!important;
}/*disable icon on overlay but keep transparency*/
.image-overlay .image-overlay-inside {
display: none;
}
?? Should I be putting all my css changes in the child theme? I don’t get what’s happening.A general question about child themes and how to use them – after I have all my quick css changes is it good to just copy them to the child theme files? what is a smart way to use the child theme during development, as I tend to go back and forth on styling.
thanks for your continued help,
NancyHi,
I’ve changed my breadcrumbs to appear as blog title set in enfold blog page settings and am pulling the category description (see attached screenshot) with below code:
add_filter('avia_breadcrumbs_trail', 'avia_change_breadcrumb_cat', 20, 1); function avia_change_breadcrumb_cat($trail) { if(is_category()) { foreach (get_the_category() as $category); $cat = $category->category_description; $newtrail = array(); $blog = avia_get_option('blogpage'); $newtrail[0] = '<a href="' . get_permalink( $blog ) . '" title="' . esc_attr( get_the_title( $blog ) ) . '">' . get_the_title( $blog ) . '</a>' . ' / ' . $cat; // $newtrail['trail_end'] = $trail['trail_end']; $trail = $newtrail; } return $trail; }I also edited css
/*blog post title*/
.breadcrumb { left: 4%; } #top.single.single-post .title_container .main-title a { display: none; } .title_container .breadcrumb { font-size: 16px; }I would like to have this same structure for category pages but can’t seem to get that figured out.
In reply to: Font Size and Footer
Hey!
1. Try adding this code to the Quick CSS:
#header .avia-menu-text{ font-size: 22px; }2. Add this to the copyright setting in Theme Options > Footer:
[nolink]Cheers!
JosueTopic: Font Size and Footer
IM trying to do two things to finish setting up my theme. The font size for the menu in the header needs to be larger and for the life of me I cant find the spot in the code to modify it, and I am trying to remove the Tag back to this site after the copyright. Any help would be appreciated.
In reply to: Header Navigation Not Looking Right On Ipad
I see what you did Yigit. Thank you.
I adjusted the font size to 10px within the CSS. I can deal with that. The text is legible and the links work.
If something comes up again I will let you know.
You are the man!!! Thank you again for your time and help.
Hopefully you get to enjoy the weekend.
Tony
In reply to: Change size and color of Social icons
Hi svanis!
Try adding this to your custom CSS.
.social_bookmarks a { font-size: 20px !important; color: red !important; }Cheers!
ElliottIn reply to: arrow fullscreenslider
Hey rikv!
Add this to your custom CSS.
#top .scroll-down-link { font-size: 120px !important; color: red !important; }Cheers!
ElliottHey johnnyharu!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
h3.grid-entry-title.entry-title { font-size: 18px; } .grid-entry-excerpt.entry-content { font-size: 14px; }Cheers!
YigitHi!
Try this instead.
<div class = "footer_centered" style = "text-align:center;"> <a href="http://google.com"> [av_font_icon color="" icon="214" size="22px"] </a> <a href="http://google.com"> [av_font_icon color="" icon="214" size="22px"] </a> </div>And then add this to your custom CSS.
.footer_centered * { display: inline; float: none; }Regards,
Elliott
