Hello,
I’m trying to make the terms and conditions checkbox line more visible on the checkout page. I’ve tried using the code from this post https://kriesi.at/support/topic/moving-the-accept-terms-and-conditions-checkbox/
#payment .terms {
font-size: 15px !important;
}
in my custom css, but it is not changing the font size. Any suggestions.
Thank you for your help.
Hi!
Please add following code to Quick CSS as well
div .slideshow_caption h2 {
text-transform: none;
}
@ullastret Please go to https://kriesi.at/support/forum/enfold/ and scroll to the down of the page there you can start a new topic. Please start a new thread and elaborate on the issue you are having.
Cheers!
Yigit
since the original topic got closed, I open a new Topic.
Link Original Topic https://kriesi.at/support/topic/logo-format-shrink/#post-213110
The following code works nice to change the Logo shrink:
.header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
min-height: 70px !important;
}
#top .header-scrolled .main_menu {
margin-top: 15px;
}
I still have the following problem: When I scroll upwards the Logo shrinks, but the Header Menu scrolls a little bit to far to the top. At some point the Header Menu jumps down to the correct position.
@Yigit: please answer, so I can send you the privat link to my dummy test website…
Thank you
Hey!
You can adjust the top margin of the columns using this:
body .column-top-margin {
margin-top: 10px;
}
Best regards,
Ismael
Got the same Problem in Enfold Maps Widget. I only set the Coordinates at Widget Settings.
As suggested I have set sensor=true' at class-framework-widgets.php but on an iPad I get the Error Message.
Provider is Deutsche Telekom.
On an iPhone it works at the same Provider.
Do You have any Idea?
Kind Regards
-
This topic was modified 12 years, 2 months ago by
Tobias.
Hey!
Please add following code to Quick CSS as well
.main_menu ul:first-child > li > a { font-size: 16px; } /* changes the font size of main menu */
#top .main_menu .menu li ul a { font-size: 15px; } /* changes the font size of dropdown menu */
.header_color .main_menu ul:first-child > li > a { color: red; } /* color of main menu items */
.header_color .main_menu ul:first-child > li a:hover { color: blue; } /* hover state of main menu items */
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: orange; } /* color of active menu item */
Best regards,
Yigit
Hey!
Please use this instead:
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
position: absolute;
left: -60px;
width: 50%;
}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
width: 75%;
position: relative;
right: -70px;
}
#menu-item-6214 a {
position: relative !important;
top: 0px !important;
}
}
The header should look like this after:

Best regards,
Ismael
Hey!
You can use this:
#av_section_1 .av_textblock_section {
background: white;
padding: 20px;
}
Change the background to any color you want.
You can use this on the second page:
.flex_column.av_two_third.first.avia-builder-el-7.el_after_av_one_third.column-top-margin {
background: rgba(255,255,255,.8);
padding: 20px;
}
Cheers!
Ismael
Hey NanaKuo!
You can add this on Quick CSS to adjust the width of the logo on mobile devices.
@media only screen and (max-width: 767px) {
.responsive #top .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: both;
width: 100%;
}
.responsive #top .avia-smallarrow-slider .flex_column {
margin: 0px;
width: 100%;
}
}
Cheers!
Ismael
Hi!
Create a custom link on Appearance > Menus, add the url then label it “Request a Demo”. Inspect the menu item then get the menu id. It will something like “#menu-item-2311”. Yours might be different. Add this on Quick CSS:
.sub_menu #menu-item-2311 a {
position: relative;
width: 100px;
background: blue !important;
display: block;
text-align: center;
top: -11px;
left: -5px;
}
Please give us a link to the website after you added the custom link.
Regards,
Ismael
Hi simmer!
That will require a bit of modification and is beyond the scope of our support. Please hire a freelance developer to modify the ajax portfolio function. You can visit this site.
Best regards,
Ismael
Hi,
Is it somehow possible to have a layer start at a certain point – not fade/slide in from top-bottom-left-right, but start at a point then move to end point. So slide from a point – not top.
I want a large format plotter to output some media. Plotter and media are separate layers
Hey japk!
This feature would require a theme code customization which is beyond the scope of our support forum. You can suggest a product catalog lightbox feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if more users request it we’ll look into it.
Regards,
Peter
Hi!
I suggest to upload a different background image in this case. Your current image shows two quote icons: http://home.innerpath.com/wp-content/uploads/2014/01/quotes-background-1300×200.png and imo it’s not possible to show both quotes for all screen resolutions. The only solution would be to use this code
#quotes {
background-size: contain;
}
but then the image position looks weird on smaller screens. I suggest to draw the quote box with css (don’t use an image but just set a bg color for the entire box) and then insert the quote icon (small image which just contains the icon) with a background-image attribute and use “no-repeat top left”.
Cheers!
Peter
Hi!
1) Yes, (for this page: http://thefoundtable.com/entry ) use following css code
#top.page-id-3872 .avia-section{
background-color: rgba(200, 54, 54, 0.5);
}
You can use any other rgba value – this converter: http://hex2rgba.devoth.com/ will help you to convert the hex colors to rgba. The last value determines the opacity and must be between 0 and 1.
2) Yes use this code and replace the rgba values to change the color
#top.page-id-3872 .avia_textblock{
background-color: rgba(200, 54, 54, 0.5);
}
3) You can hide the header with
#top.page-id-3872 #header_main { display: none !important; }
4) Can you post a link to a page with the menu please?
Best regards,
Peter
Hi!
Please try to insert following code into the quick css field
#top.page-id-2539 .avia-slideshow li img {
width: auto;
max-height: 314px;
}
If you want to set a different heights use this code
#top.page-id-2539 .avia-slideshow.avia-slideshow-1 li img {
width: auto;
max-height: 314px;
}
for the first slideshow and
#top.page-id-2539 .avia-slideshow.avia-slideshow-2 li img {
width: auto;
max-height: 314px;
}
for the second slideshow and change the max-height value if necessary.
Regards,
Peter
Hey!
Ok, please try to reduce the padding bottom/top with
.pricing-table>li.avia-pricing-row{
padding-bottom: 5px;
padding-top: 5px;
}
Best regards,
Peter
Hi!
You can use following code
.avia-msie .menu-item .av_font_icon {
margin-top:-20px;
}
to apply a negative offset for IE users. If you can only reproduce the issue with IE10 use this code
.avia-msie-10 .menu-item .av_font_icon {
margin-top:-20px;
}
which will not affect IE9, 11, etc.
Best regards,
Peter
Thank you for that information! One more question. Sorry that this is not on the same topic. How would you remove the “Transition out” on the Layer Slider. I have a layer that I don’t want to transition out.
Thank you
Is it possible to make the portfolio ajax slider preview sit flush with the top of the screen flush with the top of the image.
Please see 2 images attached.
https://www.dropbox.com/sh/tfdul3so4jc01ez/JwvORDlJ7F
portfolio1: how it displays when opened at moment
portfolio2: how i would like it to display when clicked open
Hope that makes sense :)
Hello,
Am I doing it right? I go to the link recommended above by Ismael, http://www.entypo.com/characters/. Then I use the character code under the image. For example, if I wanted to use the phone (image on very top left), then the code is U+1F4DE. I enter in “1F4DE” in the code entered into quick.css. My quick.css ends up looking like this:
/* Below added on 1/10/14 to make the main body text larger. Added by Ryan Schefke */
body, body p {
font-size: 17px;
}
.main_menu ul:first-child > li > a {
font-size: 18px !important;
}
.image-overlay .image-overlay-inside:before {
content:"\1F4DE"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal;
}
Again, when I hover over the image it just shows “1F4DE” and does not show the phone icon.
This reply has been marked as private.
Hi All,
I love this the WP theme!! I was wondering how I would move the search from the top navigation? Also, I’d like to add a small button to top right of the navigation. Is there a way to do this? If you could tell me how, I’d be forever grateful.
Thanks,
Sally
To display a 5-column grid of thumbs for the artists at Pottery Northwest, I’m using the partner/logo layout (the max on a portfolio grid is 4 columns and I wanted to display 5-6 columns of photos). Everything looks great on the desktop, but when the artist overview page is displayed on my iphone, two of the thumbs are twice the size of the others. I haven’t been able to figure out why this is happening.
Can you help me fix this?
Thanks.
Nana
Dont know if this is asking too much, -…I just really think it would be cool to have theese features
-and just hope it to be simple soloutions !
1…..http://jsa-gitterflex.apartebuild.dk/wp-content/uploads/2014/01/breadcrum-remove-blogpage.jpg
I’d like to get rid of the breadcrumbs that appear on post pages AND singlepost pages aswell (but not on the homepage in general):
I’v tried some older threads but cant find a piece of code that will work on my page :-(
2….Alternatively i would be happy just to be able to control the pages wich the breadcrumblinks link to !!!
3. Would it be possible to have a backarrow-button” from singlepost to blogpage it feels like landing in the dessert the way it just end now :-)
4…..http://jsa-gitterflex.apartebuild.dk/wp-content/uploads/2014/01/scrollbar-on-blogpage.jpg
-This would be a nice touch ! -Is there a simple piece of code to do this ?
5…..http://jsa-gitterflex.apartebuild.dk/wp-content/uploads/2014/01/partner-logo-as-menu.jpg
-My client wants the images (in all there are 8) in the partner Element/logo to change on hoover and act more like a menu that shows the current page the visitor is seeing by holding on to the hoover-image. -Just like the red line jumps and stays underlining the text in the header navigation line. All 8 images have unique links to pages i dont want to see in my header/ -or footer menu !
6….. You supported me in this thread https://kriesi.at/support/topic/header-navigation-menu-and-spacing-on-blogpagepost/#post-212517
-The code provided by ismael worked perfektly but im wondering if it would be even nicer to make the whole area above the navigation textline less active just the way ismaels code did to the area covering the telephonenr. Its never goodlooking when you have mouse shoving “hotspot” in blank areas :-)
Is there an easy fix for this too ?
pagelink:http://jsa-sikring.apartebuild.dk/
All the best to you good people
Claus.
Hi!
The overall container also needs to be adjusted:
.boxed#top {
width: 1310px;
}
Based on whatever size you choose for the internal containers.
After there still may need to be some additional tweaks on items but that is the gist of the changes. Identify the containers and increase their values from the grid.css file. I would suggest having a freelance developer go through and create a new grid width you can use so that everything stays cross browser compatible. Customization like this is outside what we can cover through support but we will often assist if possible the changes are just not further supported.
Best regards,
Devin
This reply has been marked as private.
ok, I now get the individual portfolio items. In fact I’ve just created some.
Now I guess I have to set up a /portfolio/ page and link some of the relevant elements to its counterparts (portfolio items). Am I right?
Another thing. I dont get when or where to use and how the “portfolio grid” works. I put a “portfolio grid” in a -say- test page and all I can do is select categories and columns, sizes, links, etc. but now that I have those “portfolio items” set with the featured image I don’t know what to do with this “portfolio grid” I just don’t get it… It seems the “grid” –if any– cannot be “filled” cos in fact there’s no grid to fill… I’m for sure missing something.
Then there is the Ajax porfolio, but since I dont plan to use it right now… however in my tests I didnt get it to wrok or to show anything at all…
Glad if you can light me on this topics…
Hi studiotopo!
Edit loop-index.php, find this code on line 188 then remove it:
if(has_tag() && is_single() && !post_password_required())
{
echo '<span class="blog-tags minor-meta">';
the_tags('<strong>'.__('Tags:','avia_framework').'</strong><span> ');
echo '</span></span>';
}
Look for this code on line 153:
if(!empty($cats))
{
echo '<span class="blog-categories minor-meta">'.__('in','avia_framework')." ";
echo $cats;
echo '</span><span class="text-sep text-sep-cat">/</span>';
}
Below, add this code:
if(has_tag() && is_single() && !post_password_required())
{
echo '<span class="blog-tags minor-meta">';
the_tags('<strong>'.__('Tags:','avia_framework').'</strong><span> ');
echo '</span></span>';
echo '</span><span class="text-sep text-sep-cat">/</span>';
}
Regards,
Ismael