Forum Replies Created
-
AuthorPosts
-
Gerne – bis demnächst dann mal wieder in diesem Blog
try to explain more precise what you want to achieve.
Btw. it is much easier if we have your testing page.
The changings should only affect the homepage – everything is fine on your other pages with your actual settings ?
the transparency of #header_main_alternate in which the main navigation is placed is in the header container (at the bottom of the header container)
so if this main navigation including container is transparent the background color of header is visible. !you can try this:
.home #header_main_alternate { background: rgba(255, 255, 255, 0.5) ; bottom: -50px; position: relative; }
now the main nav sits under the header not over it. But does it realy look good?
look here if this is what you mean: http://webers-testseite.de/ikom/if you like to change the link than try this in your child-theme functions.php
add_filter('avf_logo_link','av_change_logo_link'); function av_change_logo_link($link) { $link = "http://kriesi.at"; return $link; }
if you only want to get rid of the klick action do this in quick css:
div .logo { pointer-events: none; }
try it in this way:
.header-scrolled #header_meta { background: #080 !important; }
the header-scrolled class is added at the end of the scrolling process – so this is i think what you want
the transparency of the top menu until scrolling comes to an end.maybe you have to make some rules for your listpoints in the top bar.
by the way – by using an rgba value you had the choice to make it a bit tranparent with a unique color:
.header-scrolled #header_meta { background: rgba(255, 150, 50, 0.5) !important; }
you can see it here: http://webers-testseite.de/ikom/neue-seite/
well you don’t need the id if you only want to show those three posts give them a special tag f.e. “myids” (:lol)
you can now take every alb element which gives you the opportunity to show instead of category the option “show customized taxonomy” and than choose not category but “post tag”July 26, 2016 at 12:23 pm in reply to: Hi, why are there many bugs on mobile device browsing? #665259mostly a missing bracket or semicolon and everything following is gone
if you like to select the category 17 and all products from category 17.
I don’t like to install a demo shop to help you – so you have to have a look for yourself.
if a single product is shown – doesn’t it have the product category too in his source code.
so when you selectis_product_category('17')
this does automatically even select all single products of that category?why don’t you use the secondary menu on that case.
Activate on Enfold Options – Header – Extra Elements
and choose secondary menu on top bar at the left.Now i think the flags goes by default to that secondary menu.
you can choose a background for header on enfold options and the behavior is like you want it on small screenssee here: webers-testseite.de/ikom
i think this is a clearing issue because widget li is clearing both.
Try this one here:#lang_sel_list li { clear: none !important; }
July 25, 2016 at 6:35 pm in reply to: How to remove White Space after setting Header to HIDE HEADER? #664750i think he has changed his design a bit :
http://musicstarmarketing.com/the featured image is that little image related to a page/post/portfolio which you set up on the right side of editing mode.
Where do you put in there a html code?
Or do you mean an advanced-layout-builder element – please describe your problem a bit more precise here.
is it the featured image slider alb element you mean?and if you don’t have choosen the minimal with dropshadow. You can set it on the class too:
.header-scrolled { border-bottom: 2px solid #090; box-shadow: 0 2px 5px #bbb; }
there is a class for the shrinking header if shrinking process comes to its end: header-scrolled so:
.header-scrolled { border-bottom: 2px solid #080; }
there is the login page to the wordpress backend. If you press under the form “Lost your password?” – did you than receive an e-mail from your wordpress installation?
you mean this littel button in my image above shown with the red arrow?
:lol:
if it has to be a comma in the url – try to use
%2C
tell me please how!
on your frontend i couldn’t check this out. and for the mods – they need an account (hidden content area) to look to your backend.
But i see on your site that there are a lot of justified text blocks – so you found out how to achieve your styling?
July 24, 2016 at 9:19 am in reply to: Portfolio item links need to open in new browser window #664295sorry – as a participant as you are i can not help you because i don’t see the site – “Password protected”
i think there is a Password in the hidden part of the thread here so you have to wait on Mods.July 24, 2016 at 9:03 am in reply to: Implementing the same theme setting to all languages using Enfold+WPML #664293One easy way could be to goto Dashboard – Enfold (Child) and under import/export there is a button “export themesettings file”
export your english themesettings – change your language above on clicking to a different flag – goto “import themesettings file” and choose these “english” Themesettings.
You have to repeat the import for each LanguageBut on every Changing this has to be redone! So style first your english Version as long as possible and than do this procedure.
without a link to the site there will be no chance to help you.
if there was a hidden link – than you have to wait for the mods.
Sorryif it is the same thing like here: http://kriesi.at/themes/enfold-shop/product/casual-collection/
important for that is to give the whole form.cart a width – otherwise the centering will be not so easy
form.cart { width: 300px; left: 50%; transform: translate(-50%); } button.single_add_to_cart_button { width: 160px !important; }
hm sorry i only used svg so for png or jpgs you have to create the output in this way:
function third_logo($logo) { $logo .= '<strong class="logo third-logo"><a href="url3" target="_blank">' ; $logo .= '<img src="/wp-content/uploads/logo3.png"/>'; $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'third_logo');
but than you have to set a new css rule to display that logo img because we have set all logo img to display none
.logo.third-logo img { display: block; }
- This reply was modified 8 years, 4 months ago by Guenni007.
ok – here we go:
this to functions.php of your child-Theme:
function first_logo($logo) { $logo .= '<strong class="logo first-logo"><a href="url1">' ; $logo .= file_get_contents("/wp-content/uploads/logo1.svg"); $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'first_logo'); function second_logo($logo) { $logo .= '<strong class="logo second-logo"><a href="url2">' ; $logo .= file_get_contents("/wp-content/uploads/logo2.svg"); $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo'); function third_logo($logo) { $logo .= '<strong class="logo third-logo"><a href="url3" target="_blank">' ; $logo .= file_get_contents("/wp-content/uploads/logo3.svg"); $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'third_logo');
you can use png/jpg as well!
this to quick css ( you have to play with these values because it is dependent on your header givings and logo dimensions etc.)
div .logo { float: none} .logo img {display: none} .html_header_top.html_logo_center .logo { left: inherit; transform: inherit; } .logo.first-logo { float: left; width: 350px; z-index: 4 } .logo.second-logo { left: 50% !important; transform: translate(-50%) !important; z-index: 3; } .logo.third-logo { width: 100%; z-index: 2 } .logo.second-logo a { width: 450px; } .logo.third-logo a { float: right !important; width: 120px; } .logo.first-logo a, .logo.second-logo a, .logo.third-logo a { display: inline-flex }
some settings here are only vor svg use (width of logo a f.e.)
i decided to go the easy way to set on small screens that only the important logo is shown and the others are on display none
you can see it here in a test environment:
http://webers-testseite.de/ikom/
on Small screens these two logos left and right goes to display none. But it might be possible to work with floating and let them go in a row under each other.
A great advantage of this method is that you can use svg too (and not as a background image) like in the example above.
And on that you can make some css gimmicks like color changing on hovering by f.e. in my casesvg#bonn_logo:hover .st0, svg#bonnzeit_logo:hover .st0 { fill: #060; }
- This reply was modified 8 years, 4 months ago by Guenni007.
btw. have a look to : http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016
on centering elements link to: https://css-tricks.com/centering-css-complete-guide/i use this one here for two logos ( and it seems that there is no limitation to that on two)
function first_logo($logo) { $logo .= '<strong class="logo first-logo"><a href="http://url1">' ; $logo .= file_get_contents("http://path/wp-content/uploads/firstlogo.svg"); $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'first_logo'); function second_logo($logo) { $logo .= '<strong class="logo second-logo bg-logo"><a href="http://url2" target="_blank">' ; $logo .= file_get_contents("http://path/wp-content/uploads/secondlogo.svg"); $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo');
if second logo goes to a new Domain use the target rule to a new Site etc.
and than some css is used to customise these logos:
div .logo { float: none} .logo img {display: none} …
so the normal logo is not used but 2 new images in the header area.
on two logos i let them float 1 to the left and the other to the right.on Three Logos the third logo has to be centered.
But what do you want to do with those three logos on responsive case (small screens) etc.btw. you can see these logical operators here:
the point is
if ( is_product() )
see reference here: https://docs.woocommerce.com/wc-apidocs/function-is_product.html
so you have to combine this rule f.e.:
function add_banner_before_breadcrumb() { if ( is_product() || is_product_category() ) {
etc.
if you want different on products and on categories than i think you have to use for each.
i’m not so familiar with that – so wait till a mod looks to your question if an if elseif case could work.add_action('ava_after_main_container', 'add_banner_before_breadcrumb'); function add_banner_before_breadcrumb() { if ( is_product() ) { echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank"> <img border="0" alt="Banner Name" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>'; }; elseif ( is_product_category() ) { echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank"> <img border="0" alt="Banner Name 2" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image2.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>'; } }
- This reply was modified 8 years, 4 months ago by Guenni007.
well if you have this try to use html entities instead you know that perhaps from using
&
for an &or use unicode http://www.w3schools.com/charsets/ref_utf_diacritical.asp
f.e. Citroën
- This reply was modified 8 years, 4 months ago by Guenni007.
-
AuthorPosts