Page 29 – tagDiv support

Cloud Hosting

tagDiv Member

Theme Panel Footer Options Not Coming Up - reply

#528551

Apr 2, 2025 at 7:50 pm

Thank you Bettina.

In the composer we found two elements:

Extra CSS
Extended Shortcodes

What is the use of these and how to use them?

gunnarerth

Participant

Focus outline for more accessibility - topic

#0

Apr 2, 2025 at 7:34 pm

Dear forum,
we want to make our websites more accessible. One critical issue is the navigation by keyboard.
However, on my website https://s-quin-magazin.de/ nothing was highlighted when I navigated by keyboard. It seems the focus outlines were suppressed.

I added some custom css in the theme panel:
*:focus-visible {
outline: 1px solid white;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4b5dcc;
}

Now the menu, categoriesa and images have a nice shadow box. But unfortunately the headlines of the texts are not highlighted.

How can I change that?

Thank you!

Gunnar

ikiweb

tagDiv Member

A lot of CSS rules duplicated - reply

#528537

Apr 2, 2025 at 3:19 pm

Hi Anamaria,

Disabling the tagdiv Standard pack plugin solves the problem and the css seems fine.

But I don’t understand if I have to re-enable the plugin now or not. What is it for?

Thank you

Bettina

tagDiv Staff

Adjusting the mobile padding - reply

#528528

Apr 2, 2025 at 2:43 pm

Hello!

Ah, ok. They are different elements with different styles. The posts loop has 100% width by default. So, you should add the width auto for the posts loop: https://app.screencast.com/FumD9C7wZSYv2
In the CSS there, you can simply add -10, not -10px.

Thank you!

Anamaria

tagDiv Staff

A lot of CSS rules duplicated - reply

#528510

Apr 2, 2025 at 10:00 am

Hello,

Please try to disable the tagdiv Standard pack plugin, disable the sticky menu, clear the unused css cache -> https://prnt.sc/tz-zU1wnLUEm and check if the issue persists.
Also, please provide a link to a page where this issue is with the CSS duplicate.

Thank you!

ikiweb

tagDiv Member

A lot of CSS rules duplicated - reply

#528476

Apr 1, 2025 at 8:22 pm

I did some debugging, and it seems that the CSS duplication problem is related to TagDiv Composer. Below is the CSS block (after disabling inline css aggregation). I manually added a comment in the middle of the code indicating where the CSS is duplicated.

.td-page-title, .td-category-title-holder .td-page-title {
font-family:Chivo
}

.td-page-content h1, .wpb_text_column h1 {
font-family:Chivo
}

.td-page-content h2, .wpb_text_column h2 {
font-family:Chivo
}

.td-page-content h3, .wpb_text_column h3 {
font-family:Chivo
}

.td-page-content h4, .wpb_text_column h4 {
font-family:Chivo
}

.td-page-content h5, .wpb_text_column h5 {
font-family:Chivo
}

.td-page-content h6, .wpb_text_column h6 {
font-family: Chivo
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tooltip {
background-color: #384764
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tt-arrow, .td-scroll-up[data-style=’style2′] .td-scroll-up-arrow {
fill:#384764
}

.td-scroll-up-progress-circle path {
stroke:#384764
}

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
background-color:#ff6600
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
color:#ff6600
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
color:#ff6600 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
border-color:#ff6600
}

.post .td-post-header .entry-title {
font-family:Chivo
}

.td-post-content h1 {
font-family: Chivo;
font-weight:bold
}

.td-post-content h2 {
font-family: Chivo;
font-weight:600
}

.td-post-content h3 {
font-family: Chivo;
font-weight:500
}

.td-post-content h4 {
font-family: Chivo;
font-weight:500
}

.td-post-content h5 {
font-family: Chivo;
font-weight:500
}

.td-post-content h6 {
font-family: Chivo;
font-weight:500
}

.tdm-menu-btn1 .tds-button1, .tdm-menu-btn1 .tds-button6:after {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button2:before, .tdm-menu-btn1 .tds-button6:before {
border-color:#cc5200
}

.tdm-menu-btn1 .tds-button2, .tdm-menu-btn1 .tds-button2 i {
color:#cc5200
}

.tdm-menu-btn1 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #cc5200;
-moz-box-shadow: 0 2px 16px #cc5200;
box-shadow:0 2px 16px #cc5200
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #cc5200;
-moz-box-shadow: 0 4px 26px #cc5200;
box-shadow:0 4px 26px #cc5200
}

.tdm-menu-btn1 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7 .tdm-btn-border-bottom {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button8 {
background:#cc5200
}

.tdm-menu-btn1 .tds-button1:before, .tdm-menu-btn1 .tds-button4 .tdm-button-b {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button2:hover:before, .tdm-menu-btn1 .tds-button6:hover:before {
border-color:#ff6600
}

.tdm-menu-btn1 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #ff6600;
-moz-box-shadow: 0 4px 26px #ff6600;
box-shadow:0 4px 26px #ff6600
}

.tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button8:before {
background-color:#ff6600
}

.tdm-menu-btn2 .tds-button1, .tdm-menu-btn2 .tds-button6:after {
background-color:#384764
}

.tdm-menu-btn2 .tds-button2:before, .tdm-menu-btn2 .tds-button6:before {
border-color:#384764
}

.tdm-menu-btn2 .tds-button2, .tdm-menu-btn2 .tds-button2 i {
color:#384764
}

.tdm-menu-btn2 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #384764;
-moz-box-shadow: 0 2px 16px #384764;
box-shadow:0 2px 16px #384764
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #384764;
-moz-box-shadow: 0 4px 26px #384764;
box-shadow:0 4px 26px #384764
}

.tdm-menu-btn2 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7 .tdm-btn-border-bottom {
background-color:#384764
}

.tdm-menu-btn2 .tds-button8 {
background:#384764
}

.tdm-menu-btn2 .tds-button1:before, .tdm-menu-btn2 .tds-button4 .tdm-button-b {
background-color:#336699
}

.tdm-menu-btn2 .tds-button2:hover:before, .tdm-menu-btn2 .tds-button6:hover:before {
border-color:#336699
}

.tdm-menu-btn2 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #336699;
-moz-box-shadow: 0 4px 26px #336699;
box-shadow:0 4px 26px #336699
}

.tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#336699
}

.tdm-menu-btn2 .tds-button8:before {
background-color: #336699
}

/**
* The rest of the CSS is a duplicate
*/

.td_module_wrap .td-image-wrap:before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.mrw.it/wp-content/uploads/2024/08/no-thumb-300×188.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index:-1
}