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

Q3. Grid thing solved. Thx

New Qs: However, I run a plugin to toggle between grid and list, and the list layout now messes up. Most probably a setting issue, but the thing drives me nuts …. any quick suggestion for a solution? http://www.deboman.com/Wordpress/?product_cat=vorlagen

AIso I can’t find the shortcodes for changing font sizes for the heading titles font-sizes (Anmelden, Neues Konto Anlegen, Meine Adressen).http://www.deboman.com/Wordpress/?page_id=1019
I want to get rid of the H2 default value and use own font size and style instead. I inspected element via Google inspector, but still can’t figure it out. I tried:
.login { font-size: 14px; } does not change heading title
.customer_login{ font-size: 14px; } does not change anything

December 16, 2015 at 2:08 am #553394

In reply to: Add large phone number to float right of logo

Hey!

Add this.

.header-scrolled .textwidget p {
    font-size: 12px !important;
}

Cheers!
Elliott

December 16, 2015 at 1:19 am #553366

Topic: Apply a custom ID Attribute to the section

in forum Enfold

stevenleith

Participant

Would like to use two different Masonry portfolio styles. The base Quick css change I made is great for the main page, but putting a small version of the portfolio at the footer of the page really requires values suited to that. I think the custom id should allow me to target the effect to a specific instance of a portfolio but unsure how the syntax works and my experimentation has not yielded success.

This is the effect I want to retain on the primary Portfolio instance. What I want to know is how to use this with alteration on a second instance of the portfolio on a page. The ID might be the ticket, but unclear. Thanks,

.av-masonry-entry:before {
content: attr(title);
background: #db5d1e;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
line-height: 450px;
opacity: 0;
font-weight: bold;
font-size: 26px;
}
.av-masonry-entry:hover:before {
opacity: .85;
}
.av-masonry-entry:before{
transition: all linear 0.2s;
}

December 15, 2015 at 10:23 pm #553302

Topic: Masonary Portfolio hover layer with title want to add excerpt too.

in forum Enfold

stevenleith

Participant

Using this bit of code picked up on your support area and it works great on this page to give layer and title.
(Designer choice not mine), but what I don’t know how to find out is how to bring the file except into this effect too? perhaps it requires another snip-it css to get control of the excerpt? Thanks,

.av-masonry-entry:hover:before {
opacity: .85;
}

.av-masonry-entry:before{
transition: all linear 0.2s;
}

December 15, 2015 at 2:46 pm #553036

In reply to: Type size on Main Menu

Andy

Hey!

add this code to Quick CSS field to change menu font size:

span.avia-menu-text {
font-size: 10px !important;
}

and adjust as needed.

Best regards,
Andy

December 15, 2015 at 2:36 pm #553033

In reply to: Type size on Main Menu

annhowardesign

Hi Elliot!
Thanks for your reply. Which works, but if I want to easily change the hover color of the menu items, I check the box in that same option box. And if I check the box, then the styling only applies to the hover style. So I’m left with either / or. Either the font size is larger and there is no hover color option, or I get a hover color option, but the size of the menu font is default. Or even gets larger only for the hover color state.

Do you know what I’m trying to say? For now, I made the menu font size 15pt – nice and larger. But don’t have the green hover color working. I suppose there is some html I could add?

December 15, 2015 at 9:49 am #552872

In reply to: Requests for the development of responsive devices

Vikab

Thanks :)
I wrote like this:

#avia_options_page textarea {
padding: 7px;
color: #586970;
height:600px;
width: 590px !important;
line-height: 1.5em;
font-size: 13px;
}

can you change this in your main files?

December 15, 2015 at 3:10 am #552754

In reply to: Styling woocommerce

Hi patricknh!

1. Look at the body tag in the firebug display and you’ll see a bunch of classes assigned to it. These classes are different for each page. If it’s a Woocommerce related page for example then there should be a “woocommerce” or product archive class assigned to it which you can use.

2. Basically whenever your CSS is not getting applied you can use !important to make sure it gets applied. You can try and get more specific in your CSS declarations such as adding #top to the front of it and moving down the tree.

#top #main .entry-content p { font-size: 12px; }

But if it still does not get applied then use !important.

Thanks for trying to learn. We get lots of customers who just post what they want done and do not bother to learn how to do it. CSS is simple!

Cheers!
Elliott

This reply was modified 10 years, 4 months ago by Elliott.

December 15, 2015 at 2:51 am #552738

In reply to: Top Navigation overlaps Logo

Hey Oversberg!

Add this to your custom CSS.

@media screen and (max-width: 767px) {
.avia_textblock h2 { font-size: 20px !important; }
}

And for the menu navigate to Dashboard > Enfold > Header > Mobile Menu and set it to activate for tablets at 990px.

Best regards,
Elliott

December 15, 2015 at 12:56 am #552684

In reply to: Cyrillic is not supported?

Josue

Hey!

Try this one:

@media only screen and (max-width: 500px) {
    .responsive #top .av-rotator-container-inner{
        font-size: 0.55em ; 
    }
}

One thing, stylesheet load order doesn’t necessarily mean the last one will “override” all other stylesheets, what decides which one prevails is the specificity of the selector, it must match (or be more specific) the one you’re trying to override.

Best regards,
Josue

December 15, 2015 at 12:40 am #552681

Topic: Type size on Main Menu

in forum Enfold

December 14, 2015 at 10:40 pm #552648

In reply to: add icon near the menu item

toddvee

Hi Ismael,
Instead of creating a new post, I figured I’d jump in here. Perhaps this can also help amirhossein.

I’ve attempted to add an icon next to a menu item but haven’t had much luck. Specifically I’ve added the following shortcode next the navigation label of one of our menu items:

[av_font_icon icon='ue823' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon]

However, no icon appears, only the actually shortcode. Any advice? Thank you.

December 14, 2015 at 7:00 pm #552558

In reply to: Theme Options – Define the Font for your body text

Cliffy

Hi @Andy,

It is quite simple really. Perhaps I am trying to explain it in too much detail related to my specific site.

Having problems posting an image link here:

Change the Advance Styling for Main Menu Links to a Font Family that is NOT on the font list for main body fonts. In this example Quicksands.
Set the colour to a dark Blue.

By doing this, this also changes the website main menu font colour. (So now your menu’s are Blue).

If you then use a page with a dark transparent header image you can not see the menu because it it dark blue.

Of course, the next option would be to change the Transparency menu color option under Header settings. Changing this colour has no effect on the menu at all – this is the bug. If you have social icons in the header (they do change to the Transparency menu color), but the menu does not.

I hope that gives you sufficient information to reproduce the bug.

As I say, I have been able to work around it by adding the quicksands font to the list of fonts and making it my default font. I then select default (instead of Quicksands) in order to change the menu size to 16.

This reply was modified 10 years, 4 months ago by Cliffy.

December 14, 2015 at 6:08 pm #552525

In reply to: Cyrillic is not supported?

Josue

Use this:

@media only screen and (max-width: 500px)
{
#top .av-rotator-container-inner{font-size: 0.55em; }
}

Cheers!
Josue

December 14, 2015 at 4:48 pm #552470

In reply to: Cyrillic is not supported?

Tork789

I see. I’ll try it out and post results later.

As for now I managed to solve the problem with responsiveness by adding

@media only screen and (max-width: 500px)
{
h1{font-size: 0.55em !important;}
}

In style.css in my child theme. I had to use !important because it seems that I can’t override shortcodes.css, neither from custom.css, quick.css or style.css in my child theme. Creating a css folder with the same file(shortcodes.css) didn’t help either. How can I override it for future css adjustments without using !important all the time?

December 14, 2015 at 8:57 am #552022

Topic: Styling woocommerce

in forum Enfold

patricknh

Participant

Hello,
I would like to make a lot of custom css changes to the display of woo commerce in enfold site. I see most of your questions/answers here are specific to one single item and are very specific to that item. I don’t want to waste time with questions for every single need, so is it possible to answer these and I can then do all the specific changes myself in my child theme css?

1. How do you specify that the css selector (eg .price, .product h3, .button.add_to_cart_button, a.cart_item, td.product-name ) for some text or a button or a table background or whatever, only applies to the current page (eg cart page or catalog page or error page etc) rather than throughout all the pages. I can easily identify the correct selector with firebug or developer tools in browser, but sometimes for example I want the .price to display different sizes in different contexts or pages, or make same css style tables look different on different pages but their css selector is obviously in common use on all pages (ie price displays same font/size on all pages).

2. When should one use “important!” at the end of the style definition? I see that here often in your replies.

Thank you

December 14, 2015 at 8:25 am #551998

Topic: Deleting secondary font title off of the main menu

in forum Enfold

kennethwangrealty

Participant

Hello!

I have been having trouble deleting off the titles underneath the Menu names, how can I do this? Also how can I make the logo smaller? I have tried resizing the logo and reuploading it multiple times but it automatically goes back to its original size, and lastly how do I turn the a menu link into a download link instead of it loading another page? I would like my resume menu link just be a direct download for my resume.
My website is johnradesigns.com

Thank you

December 14, 2015 at 4:27 am #551914

Topic: Child Theme Settings Changes not being recognized

in forum Enfold

pabrinton

Participant

Hi,

I’m using WordPress 4.4 in a Multisite Environment with Enfold 3.4.6 Theme and am having issues with the Child Theme.

The site was just migrated into the Multisite, I used WordPress Importer for Media and Files and the Export/Import Theme Settings function with enfold.

All the data moved correctly, and I have verified the settings are the same but the content on the page is pulling the default theme settings (font color, size, etc)

I’m at a loss as to what the next step is if the mods don’t mind helping!

December 13, 2015 at 4:28 pm #551718

In reply to: activate menu

seiteninstallateur

Great. Works. where can i change to fontsize of the menu and the submenu iteams? http://imgur.com/KFUoBao

i want a bigger menu font like here: http://www.homestage.at/cms.htm

This reply was modified 10 years, 4 months ago by seiteninstallateur.

December 13, 2015 at 4:17 pm #551715

In reply to: activate menu

Josue

Hey!

1. You can change the font size in Enfold > Advanced Styling > Main Menu links editor.

2. Use the following CSS code:

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
    padding-right: 13px;
}

Best regards,
Josue

December 13, 2015 at 2:02 am #551520

In reply to: how can i increase the font size inside a promo box

Hey seiteninstallateur!

Surround the text with this if you want to increase it’s size.

<span style = "font-size: 20px;">Your text goes here</span>

Regards,
Elliott

December 12, 2015 at 10:29 pm #551495

Topic: bigger client testimonial

in forum Enfold

seiteninstallateur

Participant

how can i increase the size of the client testimonial image here: http://imgur.com/hwRa7fm

i want a bigger image and the name and website under the client image.

1: how can i get this font in another color
2: how can i set this font in a much smaller font size?

December 12, 2015 at 10:01 pm #551484

Topic: how can i increase the font size inside a promo box

in forum Enfold

seiteninstallateur

Participant

View post on imgur.com

i dont see a font size in the backend editor??? http://imgur.com/rM4kV6i

December 12, 2015 at 5:58 pm #551461

Topic: Icon in Text

in forum Enfold

Bikul

Participant

Hello,
I would like to have an Icon with Tool-Tip inside a textline.

So I generated in a textblock with the shortcode-Icon this code:

[av_font_icon icon='ue81f' font='entypo-fontello' style='' caption='' link='' linktarget='' size='14px' position='right' color='#0084c8']TESTTEXT[/av_font_icon]

But however I set the position, it is always not IN the text, either it is on the left or right side, or in the middle underneath.

Please see the picture to understand where the icon should move:

What could I do here?

Thank you for HELP
Bernd

December 12, 2015 at 2:20 am #551354

In reply to: Refining the Enfold Mega Menu

Hi user951!

Add this to your custom CSS.

#header .avia_mega_div .units { border-right-style: solid !important; }

You can change the font sizes in Dashboard > Enfold > Advanced Styling.

Cheers!
Elliott

December 12, 2015 at 1:48 am #551331

In reply to: Increase size of icons

Hi djshortkut!

Add this to a codeblock element in the page.

<style type = "text/css">
#av_section_2 span.iconlist-char {
    font-size: 50px !important;
}
</style>

Or give the color section an ID and you can use it in the Quick CSS field.

Cheers!
Elliott

December 12, 2015 at 1:44 am #551328

In reply to: CSS styling doesn't seem to be working

fleurlewis