Tagged: 

Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • April 24, 2016 at 2:04 pm #620808
    pixopolis2222

    Hello
    we talked with kriesi about adding a button into the header section here;
    http://themeforest.net/comments/12991917

    It had to be positioned like here (“Zum Shop” in the upper right corner)
    http://www.hochzeitskarten-paradies.de/magazin/

    Can you please advice what code we should use for the functions.php to get that done?

    Regards Martin

    April 25, 2016 at 6:36 am #621009
    Rikard

    Hi Martin,

    You could try adding a widget to the header: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/. We can help you out with styling once you have added it.

    Thanks,
    Rikard

    April 25, 2016 at 11:34 am #621174
    pixopolis2222

    Hallo Rikard
    thanks for the link and as far as it concerns the functions.php i am done.
    But i guess i need some help for the positioning.
    What i used is this

    <a href="http://www.trauerkarten-druck.com/" title="Trauerkarten bestellen" class="shopbutton" >
   <span class="button-icon-divider-left">
		<i class="fa fa-home"></i>
	</span>
	<span class="button-text-left">
		Trauerkarten bestellen
	</span>
</a>

    I turns out like this:
    http://www.trauerkarten-druck.com/magazin/ (upper right corner “Trauerkarten bestellen”)

    What i want to achieve is a button that looks a bit like this (http://digital-print-group.de/magazin/) and the button should not use the whole height of “header_main”

    Can you please helpu us with that?

    regards Martin

    April 27, 2016 at 1:25 pm #623015
    Andy

    Hi!

    use this code inside of Quick CSS field:

    #text-5 {
top: -55px;
right: -41px;
}

    and adjust as needed.

    Cheers!
    Andy

    April 27, 2016 at 1:34 pm #623029
    pixopolis2222

    Sorry but this breaks the layout completely:
    see screenshot
    https://drive.google.com/open?id=0BzF3a9LXV99JMFFDRERwU1kwVWM

    regards martin

    April 27, 2016 at 1:45 pm #623047
    pixopolis2222

    and here is what we want to achieve:
    https://drive.google.com/open?id=0BzF3a9LXV99JT2FPc3VpYzI1eEU
    A button which has a margin to the top and a margin to the buttom

    April 27, 2016 at 1:52 pm #623054
    Andy

    Hi!

    can you provide us admin access please? post it here as private reply.

    Cheers!
    Andy

    April 27, 2016 at 2:15 pm #623077
    pixopolis2222

    for a CSS thing?
    OK.

    April 27, 2016 at 2:24 pm #623080
    Andy

    Hi!

    ich habe diesen Code in deinem Quick CSS Feld verwendet:

    #text-5 {
top: -55px !important;
right: 50px !important;
}

    Bitte passen ihn so an wie du es brauchst.

    Gruß,
    Andy

    April 27, 2016 at 2:35 pm #623093
    pixopolis2222

    sorry aber das funktioniert nicht
    Bitte schau Dir doch mal den Screenshot dessen an was wir erreichen wollen:
    https://drive.google.com/open?id=0BzF3a9LXV99JT2FPc3VpYzI1eEU

    Dazu muss ich irgendwie eine Höhe definieren können und das geht nicht
    Auch die Positionierung erscheint mir nicht korrekt denn wir wollen den Button ja rechts aussen.

    Hier der klägliche Versuch unsererseits:
    right: 50px !important;
    top: -55px !important;
    width: 70px;
    height: 50px !important;

    April 27, 2016 at 2:42 pm #623108
    Andy

    Hey!

    dein screenshot ist nicht sehr aussagekräftig für mich, weil es sich um eine völlig andere Seite mit ganzen anderem Menü handelt. Ich denke für diesen Job müsstest du einen Freelnace Developer engagieren, denn das würde über unseren basic Support drüber hinaus gehen.

    Gruß,
    Andy

    April 27, 2016 at 2:43 pm #623110
    Andy

    Hi!

    eine präzise Skizzen mit dem gewünschten Endergebnis würde helfen heraus zu finden, ob und wenn ja wie es möglich wäre.

    Cheers!
    Andy

    April 27, 2016 at 2:55 pm #623123
    pixopolis2222

    Das ist was kriesi selbst dazu sagte und wir haben den Umbau auf Enfold nur deswegen vollzogen:
    ” the Customization wouldn’t be too hard I guess, since all you need to do is to inject a html button into the header which can be done via one of the WordPress Hooks in file includes/herlper-main-menu.php. All you need to do then is to style the button to your likings and position it properly. This is something we can definitley help with once we know which header and layout setting you are going for ”
    Es wäre schade wnn ich jetzt meinen Boss mitteilen müsste das wir wieder zu Avada wechseln und doch nicht alle 16 unserer Websites von Avada auf Enfold umbauen können.
    http://themeforest.net/comments/12988930

    Es ist doch offensichtlich was wir wollen.
    Einen Button der rechts neben dem Menu ausgegeben wird und nach oben und unten einen Abstand hat.
    Das sollte dann jetzt doch alle Unklarheiten beseitigen:
    https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs

    April 28, 2016 at 11:03 am #623601
    Andy

    Hi!

    danke für die Skizze. Gleich viel deutlicher was du haben willst. Verwende diesen CSS Code:

    #text-5 {
top: -30px !important;
right: -30px !important;
width: 158px !important;
float: right;
}
nav.main_menu {
right: 150px;
}

    Es wäre besser für uns wenn du den CSS Code in deinem Quick CSS verwendest, solange du noch Support hierzu benötigst.

    Gruß,
    Andy

    April 28, 2016 at 11:23 am #623614
    pixopolis2222

    Hallo Andy,
    sorry, aber das ist immer noch nicht richtig
    Jetzt ist zum Beispiel der Bereich mit der breadcrumb “verschwunden” und auch der Button ist weder so positioniert wie ganz zu Anfang
    https://drive.google.com/open?id=0BzF3a9LXV99Jd0FLX2c2T3VUNmM

    Bitte schau Dir doch nochmal die “Skizze” an:
    https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs
    Man kann hier ganz eindeutig erkennen das wir einen Abstand naoch oben und nach unten haben wollen
    Dazu muss ich entweder dem DIV eine Höhe mitgeben (geht aber anscheinend nicht) oder mit Margins arbeiten (geht anscheinend auch nicht)

    Das CSS hab ich vorübergehend ins Quick-CSS gepackt, möchte Dich aber bitten mir zu sagen wenn Du noch andere stellen änderst da ich das als Basis für die anderen 15 Websites / Lizenzen nehmen muss
    Gruß Martin

    April 28, 2016 at 12:10 pm #623630
    Andy

    Hey!

    hab deinen Code im Quick CSS noch mal angepasst. Breadcrumbs sind wieder da. Nun alles gut?

    Cheers!
    Andy

    April 28, 2016 at 12:35 pm #623642
    pixopolis2222

    Hallo Andy ,
    leider nein

    Bitte schau Dir doch nochmal die “Skizze” an:
    https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs
    Man kann hier ganz eindeutig erkennen das wir einen Abstand naoch oben und nach unten haben wollen
    Dazu muss ich entweder dem DIV eine Höhe mitgeben (geht aber anscheinend nicht) oder mit Margins arbeiten (geht anscheinend auch nicht)

    Mit Abstand: (Das möchte ich erreichen)
    https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs
    Ohne Abstand(Das möchte ich nicht)
    https://drive.google.com/open?id=0BzF3a9LXV99JSGl4QkI1Y3drNGc

    Möglicherweise ist der ganze von Rikard vorgeschlagene Weg falsch?
    Vielleicht hätten wir doch lieber dieen Weg einschlagen und dann einen anderen Hook nutzen sollen?

     add_filter('avf_logo_subtext', 'logo_addition');
function logo_addition($logoplus)
{
    $logoplus .= "<div id="button">
                    test
                    </div>";

    return $logoplus;
}
    April 28, 2016 at 2:20 pm #623760
    Andy

    Hi!

    mir ist nicht klar was du möchtest. Was meinst du mit Abstand? welchen Abstand? möchtest du deinen Header vergrößern meinst du? Kannst du bitte klar und präzise zeigen was du verändern möchtest? Die selbe Skizze noch mal zu zeigen, wird dabei nicht viel bringen …

    Wenn du deinen Header vergrößern willst, um einen größeren “Abstand” zu haben, dann nutze diesen Code:

    div#header_main {
height: 105px;
}

    und passe an.

    Gruß,
    Andy

    April 28, 2016 at 2:32 pm #623777
    pixopolis2222

    Sorry , aber wie deutlich soll ich es denn noch machen?
    Ich habe Dir doch schon EXAKT mit Photoshop “aufgemalt” was ich will.
    DAS :
    https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs
    Der Button hat einen ABSTAND nach oben und unten

    Na gut. Dann also nochmal mit noch mehr Pfeilen
    https://drive.google.com/open?id=0BzF3a9LXV99JRURHaVpmbllPVEU

    Martin

    April 28, 2016 at 4:38 pm #623871
    Yigit

    Hey!

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

    #header .textwidget {
    background: transparent!important;
}
#header .button-icon-divider-left {
    border: 1px solid #e2e2e2;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#header .button-text-left {
    padding: 5px;
    border: 1px solid #e2e2e2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
}
#header .textwidget a {
    position: fixed;
}

    Cheers!
    Yigit

    April 28, 2016 at 4:52 pm #623880
    pixopolis2222

    Hey
    instead or in addition to what Andy provided?

    Regards martin

    April 28, 2016 at 5:05 pm #623888
    Yigit

    Hey!

    If Andy’s code is currently added, as an addition :)

    Regards,
    Yigit

    April 28, 2016 at 5:39 pm #623903
    pixopolis2222

    Hello Yigit
    its a long way to Tiparrary ;-)
    Thanx and almost done

    Position looks good but its still strange difficult to set borders / backgrounds
    If i want to set a background i have to set it für both spans because a background für #text-5 does not work
    Also it does not work if i want to set a border for #text-5

    Can you please help us out with that?

    regards martin

    April 28, 2016 at 6:22 pm #623934
    Yigit

    Hey!

    I attached a screenshot in private content field. That is how it looks on my end at the moment.
    If that is not how you want it, can you please post a screenshot and show the changes you would like to make?
    P.S.: I do not understand German so might have misunderstood your questions in German above :)

    Regards,
    Yigit

    April 29, 2016 at 2:10 pm #624450
    pixopolis2222

    Yes, it look like this at our end too.
    But how could we change….
    -backgroundcolor
    -border

    For all these 15 other licenses / website i must be able to change these values
    And it is really difficult at the moment
    i am not a CSS dumbass but this seems tricky so that i am not sure if there si somethin wrong with the whole construct

    regards martin

    April 29, 2016 at 2:16 pm #624470
    Yigit

    Hey!

    You can use following code to change background, border and text color

    #header .button-icon-divider-left, #header .button-text-left {
    background: orange!important;
    border-color: red!important;
    color: white;
}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • You must be logged in to reply to this topic.