Page 462 – Support | Kriesi.at – Premium WordPress Themes

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 660px) {
#map h1 {
  font-size: 20px;
}}

Regards,
Yigit

May 14, 2015 at 3:17 pm #444322

In reply to: How can I style sidebar widget like I did my test?

Hey gharding!

Thank you for using Enfold.

You can try this:

aside .widget {
  border: 1px solid #555;
  background-color: #fff;
  width: 100%;
  padding: 5px;
  font-size: 100%;
  color: #2f3a8f;
  margin: 10px 0;
}

h3.widgettitle {
  color: #FFFFFF;
  padding: 3px;
  text-transform: none;
  font-weight: normal;
  background: #2d3d90;
  background: -moz-linear-gradient(top, #2d3d90 0%, #2b3b8c 25%, #212f77 53%, #1c286b 69%, #182563 75%, #131e59 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3d90), color-stop(25%,#2b3b8c), color-stop(53%,#212f77), color-stop(69%,#1c286b), color-stop(75%,#182563), color-stop(100%,#131e59));
  background: -webkit-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%);
  background: -o-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%);
  background: -ms-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%);
  background: linear-gradient(to bottom, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3d90', endColorstr='#131e59',GradientType=0 );
}

.widget_search {
  border: none !important;
  padding: 0;
}

Regards,
Ismael

May 14, 2015 at 3:05 pm #444310

In reply to: size social icon menu

Hi thebest1981!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top .social_bookmarks li a {
  font-size: 16px;
}

Cheers!
Yigit

May 14, 2015 at 11:33 am #444234

In reply to: Caption / 768 & Screens

Hi!

Replace the code with this:

@media only screen and (max-width: 480px) {
.slideshow_align_caption {
  text-align: right;
}

.responsive #top .slideshow_caption h2 {
  /* font-size: 10px !important; */
}

.responsive #top .slideshow_caption .avia-caption-content {
  font-size: 14px !important;
}}

Adjust the font size. I’m sure you know which is which.

Cheers!
Ismael

May 14, 2015 at 4:55 am #444084

Topic: Adding Custom Social Media Icons

in forum Enfold

mcraig77

Participant

Ahoy –

I tried following this post but couldn’t get it to work… https://kriesi.at/support/topic/add-tripadvisor-icon-to-social-media-tags/

I’m trying to add a fontello Icon which I successfully uploaded to my site. this is the code for my icon.

[av_font_icon icon='ue801' font='tripadvisor' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon]

I will also need to add this one:

[av_font_icon icon='ue800' font='tripadvisor' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon]

This icon works when I add it with shortcode.

How do I get this to show up in my social icons top bar? is it because of the font name element?

May 14, 2015 at 12:32 am #444047

Topic: How can I style sidebar widget like I did my test?

in forum Enfold

gharding

Participant

On this page http://california-apmp.org/wp/, I was able to style the three test widget boxes in the middle of the homepage by using the CSS below. I would like to style my sidebar widgets now, such as the Recent Posts one which has an id of “recent-posts-2”. I tried substituting recent-posts-2 where I have text-3 below, but that didn’t work. Any clues on how I could do this? thank you!!!

div#text-3 {
border: 1px solid #555;
background-color: #fff;
width: 92%;
padding: 0;
font-size: 100%;
color: #2f3a8f;
text-align: left;
}
div#text-3 h3 {
margin-top: 0;
padding: 6px 0 6px 4%;
}
#text-3 .textwidget {
border: 0;
padding: 0 12px;
}

May 13, 2015 at 8:09 pm #443976

Topic: How to style headings?

in forum Enfold

gharding

Participant

I would like to style my page headings on this site: http://california-apmp.org/wp/ like the ones here: http://www.apmp.org/?page=AccreditationProgram (the words “APMP PROFESSIONAL CERTIFICATION PROGRAM”). How can I do this?

this is how they did it with a DIV. (We can use their code because they are our parent organization). I don’t understand the url and how to get the image/svg thing. I could apply it all H4s for example or do DIVs if needed.

#SpTitleBar
{
background: #2c3a91; /* Old browsers */
/* IE9 SVG, needs conditional override of ‘filter’ to ‘none’ */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjM2E5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzFkNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2c3a91 0%, #131d5a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3a91), color-stop(100%,#131d5a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2c3a91 0%,#131d5a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2c3a91 0%,#131d5a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2c3a91 0%,#131d5a 100%); /* IE10+ */
background: linear-gradient(to bottom, #2c3a91 0%,#131d5a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#2c3a91′, endColorstr=’#131d5a’,GradientType=0 ); /* IE6-8 */
color: #fff;
float: left;
font-size: 28px;
font-weight: 400;
height: auto;
line-height: normal;
padding-left: 3%;
padding-right: 0;
text-transform: uppercase;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}

thank you!!!

May 13, 2015 at 6:12 pm #443918

In reply to: Header Size Custom Class

Elliott

Inactive Moderator

Hi gphughes!

Try this out.

.avia_textblock h3 { font-size: 20px !important; }

Cheers!
Elliott

May 13, 2015 at 5:44 pm #443881

In reply to: Create unique styling for blog title

Mary15Birds

Okay I got it to do something with this quick css:
.blog_heading{
font-family: Lobster !important;
font-size: 49px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 49px !important;
}

But the font is not the right font. You can see here > http://www.mindscope.com/wp-content/uploads/2015/05/Title-error.png but it should look like this > http://www.cssfontstack.com/Lobster

Thanks for your help!

May 13, 2015 at 5:20 pm #443862

Topic: Create unique styling for blog title

in forum Enfold

Mary15Birds

Participant

Hi Enfold Team,

I would like my blog to have unique styling for the title without adjusting my H tags. I tried to use the html tag span code and define my own styling for it but it didn’t seem to work. I added this to the quick CSS field:
blog_heading{
font-family: Lobster !important;
font-size: 49px; !important;
font-style: normal; !important;
font-variant: normal; !important;
font-weight: 400; !important;
line-height: 49px; !important;
}

and I tried this:
blog_heading{
font-family: Lobster !important;
font-size: 49px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 49px !important;
}

and this:
blog_heading{
font-family: Lobster;
font-size: 49px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 49px;
}

Then this to the text editor for my title:
<span class=”blog_heading”>mindSCOPE Blog</span>

But none of them worked.

The other option I was considering was changing my h6 styling in the Enfold Theme Options and defining my title with that but then is it odd for SEO to have an H6 and no H1-5s?

Ideally I would like to define the blog title as H1 but then over-ride the styling. Is that possible?

Also I would like to avoid editing the back-end files, I would rather stick to quick css or html styling.

Thanks!

May 13, 2015 at 5:59 am #443531

In reply to: Adding more Open Sans font weights for use in Enfold

Rikard

Hey!

If you use the text editor, you could use something like this:

<p style="font-size:50px !important; letter-spacing: 5px !important;">
Your text here
</p>

You can adjust the value 50 to your liking for the size and the value 5 for the spacing.

Regards,
Rikard

May 12, 2015 at 11:16 pm #443439

In reply to: Small menu on right hand side of header and main menu below header

Hi!

Please go to Enfold theme options > Advanced Styling tab and edit “Small bar above Main Menu”. Then add following code to Quick CSS in Enfold theme options under General Styling tab

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; }

Cheers!
Yigit

May 12, 2015 at 11:12 pm #443437

In reply to: Small menu on right hand side of header and main menu below header

cricketdynamics

Thanks Yigit that works. – could you give me the CSS if i wanted to change the color of the background of the secondary menu and font / size / style please?

May 12, 2015 at 3:26 pm #443063

In reply to: Add site title and tagline in enfold child theme

Hey Morgane!

Yes, you can add custom CSS code to Style.css file of your child to make adjustments

span.subtext {
  color: red;
  font-size: 20px;
}

Best regards,
Yigit

May 12, 2015 at 3:23 pm #443057

In reply to: Add site title and tagline in enfold child theme

morganeL

Hi!

Thank you for your work Yigit!
One last question, if I want to change the font size , I do it in the style.css file ?

thank you very much for your help!

Morgane.

May 12, 2015 at 3:20 pm #443055

In reply to: Fontello custom icons very small

Hey WolfvanHaeren!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.iconlist-char {
  font-size: 34px;
}

Cheers!
Yigit

May 12, 2015 at 12:16 am #442748

Topic: Switching to advanced editor from default editor breaks subscription email

in forum Enfold

evangray123

Participant

Hi there, Since I started using the Advanced Editor for new posts, the full content of the post that used to be sent to the email of those subscribed, now has shortcode and the first line of the content only, and I’m having trouble identifying the source of the issue and how to rectify.
Below is the shortcode its sends, which is strange because I can’t find this anywhere in the post.

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_textblock size='' font_color='' color='']

I appreciate your help here. Thanks, Evan

May 11, 2015 at 9:10 pm #442693

In reply to: How to reduce some font sizes in the footer?

begrafiks

Hi mcass;
truy with these lines (insert theme into your custom css file) ;
for ffoter :

#footer{font-size: 13px !important;}

for socket :

#socket{font-size: 13px !important;}

This reply was modified 10 years, 10 months ago by begrafiks.

May 11, 2015 at 8:32 pm #442678

Topic: How to reduce some font sizes in the footer?

in forum Enfold

mcass

Participant

Hello,

I have increased the defaut content font size in Options / General styling / Fonts from 13px to 14px. The result is okay, except that it has increased also the size of some fonts in the footer.

So I want to keep 14px as the size of the contents of my website but I would like to keep the default size of:
– “Interesting links”
– The list of my links below
– “Categories”
– The list of my categories below

What are the codes I have to add in my child style.css please?

Thanks in advance,

Regards,

Marianne

May 11, 2015 at 10:53 am #442347

In reply to: Adding more Open Sans font weights for use in Enfold

Arne-Thorbeck

This reply has been marked as private.

May 11, 2015 at 9:40 am #442298

In reply to: socket text not aligning

Hey!

Add this inside the media query:

#socket .sub_menu_socket li {
  line-height: 1.5em;
  font-size: 11px;
}

Best regards,
Ismael

May 10, 2015 at 10:56 pm #442158

Topic: Icon list text alignment

in forum Enfold

DeMamp

Participant

I have some trouble in getting the icon list text to be aligned with the icons… Even though I read some old threads on this subject.
I linked a screenshot in the private section!

I tried this CSS code:

.avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 15px!important;}
.avia-icon-list .iconlist-timeline { left: 25px; }

and this one :

.iconlist_content_wrap {
padding-top: 13px;
}

Can I have some help please?

Thank you!

May 10, 2015 at 8:26 pm #442138

Topic: With Mega Menu Column CSS

in forum Enfold

May 9, 2015 at 7:25 am #441899

In reply to: Reduce the font size of the "mega menu"

Hey!

Replace the code with this:

#top #header .mega_menu_title a {
  font-size: 12px !important;
  line-height: .8em !important;
  min-height: 15px;
}

Regards,
Ismael

May 9, 2015 at 2:08 am #441822

In reply to: Cell phones display both regular menu's and Parent Icon menu at the same time.

Renvato2

Hi,

I tried inserting the portion after the (max-width: 990px) because I spent a couple days setting every value just right so all cell phone sizes will display properly. But when I add the { nav.main_menu { display: none; }} portion laid out as shown above into both Media Queries it effects all the displays and nothing no longer displays property until I remove that portion of the CSS. See below to see what my current media query looks like in the Quick CSS area. Any suggestions on how to remove the standard menu and show only the Parent Menu on all mobile phones without effecting the current layout of all the Mobile Devices?

@media screen and (max-width: 400px) {
.subtext .first-line {
font-size: 26px !important;
width: 85%;
}
.subtext .second-line {
font-size: 14px !important;
left: 0px !important;
line-height: 1.0; width: 67%;
}}

@media screen and (min-width : 401px) and (max-width : 481px) {
.subtext .first-line { font-size: 26px !important;
width: 70%;
}
.subtext .second-line {
font-size: 14px !important;
left: 0px !important;
line-height: 1.0; width: 49%;
}}

May 8, 2015 at 9:18 pm #441781

In reply to: About modules and construction

Elliott

Inactive Moderator

Hey!

Here is the code for that.


[av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no']

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9']
Hairdo by Roger Ramoni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53']
Glasses by Victor Secreni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4']
Nail polish by Sandra Sounders
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3']
"Red Velvet" Dress by Varia Vereni
[/av_image_spot]
[/av_image_hotspot]

[/av_cell_one_half]
[/av_layout_row]

Basically just a grid row with a background on each cell. The image hotspots has an option where you can set the tooltips to display always instead of on hover.

Best regards,
Elliott

May 8, 2015 at 7:49 am #441420

In reply to: WooCommerce product price on single page not showing with advanced editor

tbp

Hi Elliott,

thanks for your answer.
but If I do this I have to change the price everytime if prices are changing and what about variations ?
I tried this and maybe this is a way that prices are effected by woocommerce changes ?
– I use this woocommerce shortcode to show up the add to card button with price [add_to_cart id=”99″] in a text field
– changend the id with my product id (find the product id by hovering over the product in product overview.)
– then I put this code in my style css:
.add_to_cart_button {
display:none;
}
.add_to_cart_inline {
border: 0px!important;
font-size: 18px;
font-weight: bold;
}

May 8, 2015 at 7:40 am #441416

In reply to: woocommerce product pricing not showing up when using enfold's advanced editor

tbp