Forum Replies Created
-
Posts
-
Well your background image you have to know the aspect ratio. If you know that you can try to obtain your desired look by calculating the hight.
First: do not set in the color-section dialog a min-height !
Set your background image to “scale to fit”
on my test page (page-id is 2981 here) the aspect ratio of the image is 350px : 1500px
that means image-height is nearby 23.5% of the image-widththe css rule than is:
.page-id-2981 .avia-full-contain { background-size: 100vw; height: 23.5vw; }See example here: http://webers-testseite.de/ikom/circles/
You have to set some media-querry solutions for the content of that color-section
vw and vh are video-screen width and height ! viewport units are good supported now: Link
but to make it specific and not for all either you give the color-section a unique ID or custom class or (see above) do that only for that page.
if you got an overlay color – you have to set the same parameters to that class:
.home .avia-full-contain, .home .av-section-color-overlay-wrap { background-size: 100vw; height: calc(66.7vw); }see here: http://webers-testseite.de/ikom/
but you see this works for simple layouts – on that start page there is an overlapping container following etc. pp. in that case there has to be more adjustments to makeby the way: if you don’t like the font-family name ( font-family: ‘brandon_grotesqueRgIt’ ) as font-squirrel generates out of the original file –
it is not so easy only to change it here in the css , because in f.e. the svg – you can see the usage of these names if you will open the svg with a good text-editor (sublime text for mac, or notepad ++ for windows).I did not try to change it allthough it will be nice to have a better name like f.e. Brandon_Regular or Brandon_italic, Brandon_light etc)
i will check this soon if it is enough to change it in the css rule and in the svgs – the other files are coded)my advice is to put in that webfonts folder either in uploads or in child-theme folder.
on font-squirell i choose the expert option to be sure that all fontfiles are created (woff, woff2, eot, ttf, svg)
i have a webfonts folder in the uploads folder and i do link with absolute path!
here is my test code for my brandon regular italic – homeurl is your url to your website
in the zip file downloaded from font-squirrel there is a stylesheet.css – from there you get the css rules
you only have to set the absolute path in front of all urls and put it into your quick css.@font-face { font-family: 'brandon_grotesqueRgIt'; src: url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.eot'); src: url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'), url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.woff2') format('woff2'), url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.woff') format('woff'), url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.ttf') format('truetype'), url('http://homeurl/wp-content/uploads/webfonts/brandon/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg'); font-weight: normal; font-style: normal; }by the way : a nice css3 thing is : font-size-adjust it helps you to compensate the different x-height of fonts so f.e.
p { font-family: "brandon_grotesqueRgIt" !important; font-size-adjust: 0.5 }if you got troubles in that downloaded folder of font-squirrel there is a …demo.html
there are a lot of tipps and howto’sif you got troubles with some fonts look to : http://kriesi.at/documentation/enfold/enable-cors/
please – this seem not to deregister the loading of the api !
I has to use it for the third party plugin and before i installed that i want to do this above! But maps api is still loading on that site.
i tried thris from yigit :
function dereg_gmaps_api() { wp_deregister_script('avia-google-maps-api'); } add_action('init', 'dereg_gmaps_api');but with no success – than i have a look to the source where it is loaded.
well i found that line in google_maps.php line 43 – but there must be other places to find.what is the line in shortcodes.js line 431 ff
the code above is not enough!or better if you dont want to display them. you choose in your alb editior for that portfolio :
“no title and no excerpt”
btw. to the mods: the german translation here is wrong
the translation here was “Nur Titel ohne Textausschnitt” that means only title without excerpt.
But it has to be neither nor “Weder Titel noch Textauschnitt”
oder “Kein Titel kein Textausschnitt” – first Phrase in bold seem to me better Germanwell if you dont want that there is the link function:
grid-sort-container .entry-content-header a { pointer-events: none; }if you don’t like to see those headings including the links:
grid-sort-container .entry-content-header a { display: none; }so now you have to decide if this is only for that portfolio , and only on a specific page!
On Contact Formular Editior – on the tab e-mail
did you put in the[file-705]to the attachment field ?you see this here on cf7 support:
but in this case there is something like this is in your form settings:
[file file-705 limit:1024 filetypes:jpg|png|pdf class:upload_file]so there has to be the concerning file in the e-mail
so you must insert in file-attachments:[file-705]first of all there is a “/” missing as on every other sites with id Link
http://www.mysite.com/portfolio-item/our-company/?custom_ajax=376
the 376 has to be the ID of your portfolio-item !
by the way it does not work with the link of my example above to the portfolio-category:
http://webers-testseite.de/ikom/portfolio_entries/abc/this http://webers-testseite.de/ikom/portfolio_entries/abc/?custom_ajax=3142
has no effect !have you a link to your site?
the page is the page including that portfolio grid element:
that is my site http://webers-testseite.de/ikom/neue-seite/
and if i want to open from the beginning one of those ajax fields the rest of the url is that the ?custom_ajax=3142
the link of mine above : ? is it what you want?
http://webers-testseite.de/ikom/neue-seite/?custom_ajax=3142
i understand the link to the help-site in this way:
This snippet will allow you to create links to your portfolio ajax items and have one of them open up when the page is loaded.
It opens the site in this way:
http://webers-testseite.de/ikom/neue-seite/?custom_ajax=3142
and not in that way (by default)
http://webers-testseite.de/ikom/neue-seite/btw. i’m a participant as you are here on board; but everyone here of the mods do the best they can – but your request from Friday – just before weekend ? have a little understanding that they have a private life too!
Thanksaha – so i misunderstood your “popup” request.
the thing is , that you have a page where a ajax portfolio is placed. On default there was no portfolio shown till you click one of those littel thumbnails beyond that portfolio.
(this is similar to tab navigation accept there was the possibility to say which tab is opend when opening the page)You want that the page opens with a certain portfolio opend in ajax view!
And here we are: the portfolios are not numbered 01, 02, 03 they got a unique ID .
You can find out what id the portfolio has if you open it standalone – something like : …/wp-admin/post.php?post=3142
is on your browserwindow – the 3142 is the IDand this ID is in the LInk above:
http://www.yoursite.com/your_portfolio_page?custom_ajax=3142you can see it here in my testpage: http://webers-testseite.de/ikom/neue-seite/?custom_ajax=3142
please try in your example of your link to add behind your link: ?iframe=true
http://www.yoursite.com/your_portfolio_page?custom_ajax=12?iframe=truethe code above gives you only the chance of using it by activating the font on Enfold/… fonts
if you do not choose the font on Enfold Options the font is still not activated!
One easy way is to activate the font (if you don’t want it by default for all h2) to go to enfold/advanced styling/ and create a rule f.e. for h6 using this font. From than on you can use the font on quick css.
no problem –
PS this is what my solution looks like: http://webers-testseite.de/circles/This works – ok.
But if you have a transparent header you have to find a solution (for scroll offset i think) because the color-section f.e. with background image is looking through header.maybe you give the code of mine above a chance. You only have to activate in Enfold – Header – Extra Elements
1) the search icon in Navigation
2) Position of Header social icons (you don’t have to have social icons here)function av_move_search(){ ?> <script> jQuery(window).load(function(){ jQuery(".av-main-nav > li#menu-item-search").detach().appendTo('#header .social_bookmarks') }); </script> <?php } add_action('wp_footer', 'av_move_search');What is not so nice on that solution is
there is a little time shift till the search icon list point is in the social-icon list but it has the right position from the beginning.
Only a little css is needed to have the search results in that dropdown look good:.ajax_search_entry { text-align: left !important; min-width: 250px !important; padding-left: 15px !important; }or best josue – can’t we use like wpml does the do_action(‘avia_meta_header’); on helper-main-menu.php for a header_meta widget and put in a search field than?
well – i tested it and if sub-menu is empty it does not work
So it is not so easy without having other content there.
If you got social profiles you can do the Yigit trick by shifting the search field to that field:
But there has to be that little mark on: Append search icon to main menu
and there has to be at least one social Profile.this in child-theme functions.php
function av_move_search(){ ?> <script> jQuery(window).load(function(){ jQuery(".av-main-nav > li#menu-item-search").detach().appendTo('#header .social_bookmarks') }); </script> <?php } add_action('wp_footer', 'av_move_search');thats a good idea – every first answer of mine will get a tag in this way. I didn’t see the wood for the trees :lol
and ! use complex Passwords –
alot of my customers have the name of there children or something very easy!Since i use 1password i use extrem passwords with 26 or more letters/signs/numbers
sorry – me as a participant too – i’m now out.
maybe the mods have an Answer for you – but se my comment above
If you google to “is it good practice to use iframe”One more on that: the left shift of the icons is a bit tricky – this is in dependency to caption length.
If the length of the caption under the icon is to big the left position has to be corrected.I tried to place the av-icon-char in an absolute way (only the circles with the icon) but than positioning of the caption is not possible.
the code i gave you was site-specific ! so if you take this one the rules will work for all code-block / iframes:
.avia_codeblock { height: auto; padding-bottom: 65vh; position: relative; width: 100%; } .avia_codeblock iframe { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; }if you like to put the iframe in a widget use a text in the widget and place the iframe code in that container:
<p class="iframe_container"> <iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe> </p>than you can place as allways:
.iframe_container { position: relative; padding-bottom: 65vh; height: auto; width: 100%; } .iframe_container iframe { position: absolute; height: 100% !important; width: 100% !important; left: 0; top: 0; }see here: Link
the reason why i did it in a text-block was the possibility to use widgets too
bytheway : its because iframes are allways difficult.
If you google to “is it good practice to use iframe”
there are tonns of lists where this point is discussed. From the point of seo as well. Performance Reasons too!
To have one or two the whole Site seems to be ok ( on youtube there is no other way)or you give this a chance:
are they free or payed font files ?
The reason why i ask this is because there are some sites which can make webfont files out of that:
