Hey keifygeorge!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.slideshow_caption h2.avia-caption-title {
font-size: 14px!important;
}}
Regards,
Yigit
How do i change the font, size and color of secondary menu
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
h1.entry-title a {
font-size: 20px !important;
}
Best regards,
Rikard
Hi!
I was working on my iconbox styling and somehow i did sth wrong. the title now has a hover that displays another white box with the title on hover. where is my mistake? how can i fix this???? thx!
/*allgemeiner Zeilenabstand*/
body, body p {
line-height: 1.4em;
}
/*Aufzählungzeichen in Eckig*/
ul.disc, .entry-content-wrapper ul {
list-style: square outside;
}
/*Bild Positionierung bei Team Mitglied */
.team-img-container img {
margin: 0 0 !important;
align: left;
}
/*Abstand special headings nach unten*/
.av-special-heading {
padding-bottom: 20px !important; }
/*spezielle überschrift linie entfernt */
.special-heading-border {
display: none;
}
/*Fusstext */
.fusstext{
font-size: 11px !important;
font-style: italic;
}
/* icon liste farbe von icons */
.alternate_color .avia-icon-list .iconlist_icon {
background-color: #df6e1f; font-size: 26px;
}
/* icon list text farbe und groesse */
.alternate_color .avia-icon-list p {
color: #2e577e; font-size: 12px;
}
.main_color .avia-icon-list a {
color: #2e577e; font-size: 12px;
}
.iconbox_content_title {
color: #666 !important;
}
/* icon list Hintergrund und Box */
.iconbox {
background-color: #f8f8f8 !important;
padding: 10px;
border-style: solid;
border-width: 0.5px;
border-color: #666;
}
/* Katalog Schriftgrösse, keine Großbuchstaben und Hover Farbe */
.av-catalogue-title{
font-size: 13px;
font-weight: bold !important;
}
a:hover .background_catalogue {
color: #df6e1f !important;
}
.av-catalogue-content {
font-size: 13px !important;
}
.av-catalogue-title {
text-transform: none !important;
}
/*Catalogue ohne Trennlinien */
ul.av-catalogue-list, .av-catalogue-list li {
border: none;
}
/*Catalogue Bildergröße */
.av-catalogue-image
{border-radius: 0px; width:50px; float:left; margin-right:15px; }
/* accordeon farbe */
.vert_icon, .hor_icon {
border-color: #df6f1f!important;
}
/*Footer Schriftgroesse, Absatz und Farbe*/
#footer .textwidget {
font-size: 11px !important;
color: #ffffff !important;
line-height: 1.2em;
}
#footer .widgettitle {
font-size: 13px !important;
color: #ffffff !important;
}
/*Footer Bild Groesse*/
#footer #avia_partner_widget-3 img {
width: 80px!important;
height: 80px!important;
}
/*Footer Hoehe */
#footer{
bottom: 0;
margin-top: 100px;
z-index: 999;
font-size: 9 px !important;
text-align: bottom;
background-color: #2e577e !important;
}
/*Footer Hover Farbe*/
#footer a:hover {
color: #df6e1f !important;
}
/*Socket Background */
.socket_color
{background-color: #df6e1f !important;
}
/*Socket Menu Links Hover Farbe*/
#socket a:hover {
color: #666 !important;
}
/*Socket Menu einblenden auf mobilen Geräten*/
@media only screen and (max-width: 768px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}}
Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 1024px) {
.av-main-nav > li > a {
font-size: 14px!important;
}
li#menu-item-615 a {
padding: 0;
}
#header .container {
padding: 0;
}}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
Yigit
Hey!
Please change following code
#mc4wp-form-1 input[type='email'] {
padding:20px !important;
}
following one
#mc4wp-form-1 input[type='email'] {
padding: 15px !important;
font-size: 18px;
}
Best regards,
Yigit
Hi DROR!
Please add following code to Quick CSS
#socket * {
font-size: 14px;
}
Regards,
Yigit
Hi,
You can drag a code block element (content elements tab) to the page in question and add the following to it:
<style>
@media screen and (max-width: 400px){
.avia-caption-title { font-size: 14px !important; }
.avia-caption-content { font-size: 12px !important; }
}
</style>
Thanks,
Rikard
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#mc4wp-form-1 input[type='email'] {
padding:20px !important;
}
.mc4wp-form input[type=submit] {
padding: 20px !important;
font-size: 20px !important;
}
Thanks,
Rikard
-
This reply was modified 10 years, 5 months ago by
Rikard.
Howdy,
How does one increase the title bar font size?
As an addendum, how does one get the title bar to show up on their blog page?
Thanks,
I had to use this to get it to work:
.header_color .phone-info {
font-size: 15px;
}
Hey!
Oops sorry, try this instead.
.mfp-title { font-size: 20px !important; background: red !important; }
Best regards,
Elliott
Hey jdelgadoesteban!
They are not “breaking” on my end but at the lowest screen size they are moving up into the top part of the slideshow.
Are you wanting to reduce the font size on smaller screens? Try adding this to a codeblock element in the page.
@media screen and (max-width: 400px){
.avia-caption-title { font-size: 14px !important; }
.avia-caption-content { font-size: 12px !important; }
}
Cheers!
Elliott
I´m using the code below. How can I:
1. Align the sortable filter in center above the portfolio items?
2. Give the category items a rectangular border with some colour change for active category etc.
I realy tried reading the forum but cant find anything that works.
The code I´m using:
#top .isotope-item {
padding-bottom: 10px;
padding-right: 10px;
}
#js_sort_items a { font-size: 16px; }
.sort_by_cat a > span {
padding: 4px 10px;
display: inline-block;
}
.sort_by_cat .text-sep {
display: none;
}
.sort_by_cat a.active_sort span {
font-size: 16px;
}
Kind regards
Micke
@jumamedia, simple use a entypo-fontello in place of home text, like this :
<span class="av-icon-char" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" style="font-size:18px;line-height:18px;"></span>
Regards.
Jean
Hi Elliot,
So the first code block did seem to constrain the images, however there is now a big gap between the elements in that cell so not everything can be seen.
My HTML on the caption content is as follows:
<table width=”100%” border=”0″ cellpadding=”6″>
<tr>
<td>FRIDAY SEPTEMBER 11, 2015<br />
10:30PM</td>
<td align=”center”><p style=”font-size: 24px”>Paladino’s Night Club</p></td>
<td>Share
</td>
</tr>
</table>
Any thoughts?
On the second line of code, it is making the whole tr transparent except the border and an opacity around the text. I DO want to get an adjustable opacity to the whole tr background including the border, not a complete transparency. I tried a variation on the rgba call but no luck.
Again, thoughts?
Thanks again for sticking with this. I have left the code in place at the same link from above so you can see what it is doing. I will work on some other sections in the meantime.
Hey!
Try this out.
.ppt { font-size: 20px !important; background: red !important; }
Cheers!
Elliott
Hi NikolausWuehrer!
Add this to your custom CSS.
.avia-caption-title { font-family: verdana !important; font-size: 16px !important; color: blue !important; }
.avia-caption-content { font-family: verdana !important; font-size: 14px !important; color: red !important; }
Regards,
Elliott
-
This reply was modified 10 years, 5 months ago by
Elliott.
Thanks :)
do I have to use !important rule in every line? Or am I fine if I use it only in the very last line?
#top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important;
}
and is it important to write the !important rule before the ; ?
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
blockquote {
font-size: inherit;
}
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
input.wpcf7-form-control.wpcf7-submit {
font-size: 20px;
}
Best regards,
Yigit
Hey DROR!
Seems like you have figured it out already – http://i.imgur.com/12mpObw.png :)
In case you have not, It would be not be possible without decrease font size.
Regards,
Yigit
Hi DROR!
Please find following code in your custom CSS
.av-countdown-time {
font-size: 80px !important;
font-weight: bold !important;
color: #00a59d !important;
}
and change it to following one
.av-countdown-time {
font-weight: bold !important;
color: #00a59d !important;
}
and then find following one
.av-countdown-time {
font-size: 40px !important;
}
and change it to
@media only screen and (min-width: 1200px) {
.av-countdown-time {
font-size: 80px !important;
}}
Cheers!
Yigit
I figured it out. ;You can close this thread.
BTW: Why is the block quote text so much larger than the body text and where can I change this to make them the same size? Of course there are options in the Enfold control panel for body font size, but not for block quote size (unless I am missing something). I did multiple searches in your knowledge base and didn’t see anytyhing on this.
Tommy
Hi mmf1,
Please try the following instead:
.phone-info {
font-size: 15px !important;
color: red !important;
}
If that doesn’t work then please link to your site.
Regards,
Rikard
Hey
I know the CSS for the customization of the scroll down link e.g. on a colored section
#top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
two questions:
1) Do I really need the #top? (if yes why?)
2) How can I make different scroll down arrows on different pages? I need a black one on my home page and a white one on my contact page.
thanks :)
Hey!
Try adding this code to the Quick CSS:
#top .avia-content-slider {position: relative; overflow: visible;}
#top .avia-content-slider .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;}
#top .avia-content-slider .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;}
#top .avia-content-slider .avia-slideshow-arrows a:hover{opacity: 0.5;}
#top .avia-content-slider .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;}
#top .avia-content-slider .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;}
#top .avia-content-slider .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;}
#top .avia-content-slider .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;}
#top .avia-content-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; }
#top .avia-content-slider .avia-slideshow-arrows {
top: -29px;
position: absolute;
right: 0;
left: auto;
}
Cheers!
Josue
….sorry the images links don’t work:
Here is again marked what I mean:
http://pasteboard.co/1O2vNuFg.png
And here the shortcodes from debug -I don’t see an problem here:
[av_layout_row border='' min_height='0' color='main_color' mobile='av-fixed-cells' id='' custom_class='']
[av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
[av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-01-1030x828.jpg' attachment='684' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#3f3f3f' custom_class='']
<fb6>Hochzeitsbriefe</fb6>
[/av_image]
[/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
[av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-02-1030x828.jpg' attachment='685' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#3f3f3f' custom_class='']
<fb6>Zeikapsel</fb6>
[/av_image]
[/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
[av_image src='http://madlener.wom.server49.vorschauseite.eu/wp-content/uploads/2015/09/zeitbote_faq_produktlink-03-1030x828.jpg' attachment='686' attachment_size='large' align='center' animation='no-animation' styling='no-styling' hover='' link='' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#ffffff' overlay_text_color='#303030' custom_class='']
<fb6>Nachlassbriefe</fb6>
[/av_image]
[/av_cell_one_third][/av_layout_row]
Thanks again for your help.
Hey pctech33!
Thank you for using Enfold.
1.) Please make sure that you have the latest version of the theme and none of the plugins are causing the issue. Try to deactivate all plugins, remove browser cache then check the page.
2.) Use this filter to add more google fonts in the theme options: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
3.) Use this in the Quick CSS field:
.avia-caption-content {
line-height: 1.3em;
font-size: 18px;
}
Regards,
Ismael
You will notice on the private url that I provided when using the google chrome browser and you place your courser over the team member image then over the phone icon the following happens:
1. The pop up splits the phone number into two lines
2. You can not read the text because it as it blinds with the back ground
Is there a way to:
1. Expand the pop up box size?
2. Change the color of the pop text?
3. Change the Opacity of the black background so the text pops more?
Also:
Is there a way to make only this page turn the team members into mobile view so that the email addresses do not over lap? I have moved the font to 13px however would like to move it back to 16px however can not do so unless I can set the point that the team members turns into mobile layout?