Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 10, 2021 at 3:41 pm #1316086
    Tobias777G

    Hi there.

    I want to customize one text sector and one specific button in a segment.

    The following code should be working on it. I have copied from a other site, whrer it looks like i want it.

    .avia-button:not(.avia-cookie-consent-button) {
    1. font-size: 22px!important;
    }

    style attribute {
    1. font-size: 22px;
    2. color: #ffffff;
    }

    But when i use the css, the code is shown on all attributes like that. I only want it for one specific sector. How can i make it via the custom id and how should the css code looks like?

    The link to my site is in the private content sector (and also the login-data). I also addes a link to a site from which i have the code and i also wanted the same green section with call to action links to the product page.

    • This topic was modified 3 years, 3 months ago by Tobias777G.
    August 11, 2021 at 11:55 am #1316252
    Rikard

    Hey Tobias777G,

    Which button in particular are you trying to target?

    Best regards,
    Rikard

    August 11, 2021 at 12:12 pm #1316256
    Tobias777G

    Hi Ismael i mean the button “Google My Business Eintrag erstellen / Local SEO” above the comment section on https://www.tobiasgabel.com/unternehmen-google-maps-eintragen-aendern-loeschen/ as example. How can i manage a font size 20… the font actually is too small. Can you give me a css code global for all buttons and some with custom id for adjust only one?

    thanks.

    August 11, 2021 at 4:03 pm #1316285
    Guenni007
    .postid-1307 #av_section_10 .avia_iconbox_title {
    font-size: 20px;
}
    August 11, 2021 at 4:15 pm #1316287
    Tobias777G

    Thanks Guenni007.
    And how can i change it that it works for all and not only one?

    August 11, 2021 at 4:38 pm #1316292
    Guenni007

    in dem Fall würde ich dann doch diesen buttons eine custom-class zuordnen.
    Das geht über das Element selbst, wähle den Tab: Advanced an , und dann trage eine für dich sinnvolle Klasse mit Wiedererkennungswert ein ;)
    Diese benutzerdefinierte Klasse erscheint am wrapper des Buttons, sodaß der selector dann folgender wäre:

    .avia-button-wrap.custom-class .avia_iconbox_title {
	font-size: 20px;
}

    das : custom-class ersetzt du bitte mit deiner benutzerdefinierten klasse.
    PS: in das Eingabefeld wird die Klasse ohne Punkt davor eingegeben.

    August 11, 2021 at 9:09 pm #1316326
    Tobias777G

    Works fine. thank alot.

    August 12, 2021 at 1:05 pm #1316430
    Rikard

    Hi Tobias777G,

    Great, I’m glad that you got it working. Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

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