Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 18, 2022 at 4:53 pm #1365435
    formwild

    Hallo zusammen,

    ich möchte gerne den Titel im Reiterelement mehr Platz geben, damit vor allem der zweite Reitertitel nicht über 4 Zeilen gebrochen wird.

    Leider hat keiner der Code-Schnipsel die ich gefunden habe geholfen.

    Vielen Dank vorab
    Julian

    September 18, 2022 at 5:35 pm #1365439
    Mike

    Hey formwild,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top .av-section-tab-title .av-tab-section-icon,
#top .av-section-tab-title .av-outer-tab-title,
#top .av-section-tab-title .av-inner-tab-title,
#top .av-section-tab-title .av-tab-arrow-container {
	width: 200px;
}
#top .av-section-tab-title {
	padding: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 19, 2022 at 8:45 pm #1365602
    formwild

    Hey Mike,

    thanks for your reply. Sadly it didn’t work. Any other ideas? I paste it into add css and deleted the cache.

    Kind regards
    Julian

    September 19, 2022 at 8:49 pm #1365603
    formwild

    It looked like this could work, but id just changed in chrome dev mode. When I pasted it in add css, it didn’t work.

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: 120px;
}
    September 20, 2022 at 7:44 am #1365629
    Nikko

    Hi formwild,

    Are you using a caching plugin on your site? if yes, please purge/clear the cache and see if it helps (try also to deactivate the caching plugin if it does not help).

    Best regards,
    Nikko

    September 20, 2022 at 9:46 pm #1365775
    formwild

    Hey Nikko,

    I did all of it, but still the code doesn’t work. Is there another way?

    Kind regards
    Julian

    September 21, 2022 at 12:24 am #1365782
    Mike

    Hi,
    When I test by injecting the css it works, please see the screenshot in the Private Content area.
    Try this code in the WordPress ▸ Customize ▸ Additional CSS field
    After applying the css, please clear your browser cache and check.

    #top .av-section-tab-title .av-tab-section-icon,
#top .av-section-tab-title .av-outer-tab-title,
#top .av-section-tab-title .av-inner-tab-title,
#top .av-section-tab-title .av-tab-arrow-container {
	width: 200px;
}
#top .av-section-tab-title {
	padding: 0;
}

    Best regards,
    Mike

    October 8, 2022 at 10:19 am #1368043
    formwild

    Hey Mike,

    thanks for the code snippet. I did what you explained but sadly I don’t see any changes.
    Every time I use css with the developer tool in the browser the changes appear but when I paste the code in ADD CSS it doesn’t work.

    Do you think to use the style.css of the child theme would give us a better shot here?

    Kind regards
    Julian

    October 8, 2022 at 10:21 am #1368045
    formwild

    I found the problem. I used other custom code for the same items before. After deleting this and using your code, it worked. Thanks a lot and have a nice weekend :):):)

    October 8, 2022 at 2:13 pm #1368054
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Tab Section Titel Länge ändern’ is closed to new replies.