Support › Forums › Support (Legacy) › heading issues – causing accessibility issues
Tagged: accessibility, Buzz
-
AuthorPosts
-
22/06/2016 at 11:00 #1822
I just saw that the headings on the homepage as you have them are not sequential as required by wcag guidelines
the title on widgets is an h5 and within those headings are post sections are h2 an h3 headings – so how can I keep the look of the page and have the heading sections become h2 headings instead of h5
on the text Inside JCH – is a title widget – how can I add the bar as you have it on your homepage – and as appears when the title is within the widget
thanks23/06/2016 at 7:45 #1831For now there isn’t an option to control the widget’s headlines.
But you can change it by adding a function to the function.php file.1. Make sure you are working with a child theme.
2. add this lines of code to function.php file (you can change it to <h3> if you want):function pojo24475_setup_builder_widget_args( $args ) { $args['before_title'] = '<h2 class="pb-widget-title"><span>'; $args['after_title'] = '</span></h2>'; return $args; } add_filter( 'pb_empty_widget_args', 'pojo24475_setup_builder_widget_args' );
26/06/2016 at 9:33 #1836thanks. I am working with a child theme and i see that the way I am using the widgets and their titles – they will not always be h2 sometimes the title will be an h1
can you send me the code to style the title with the heading as you have it with the rule for the h5
I think it would be best to put the code within a stand alone title widget.
Do you think that would work?ll26/06/2016 at 14:00 #1847I’m sorry, but i didn’t fully understand your meaning..
What exactly would you like to do?27/06/2016 at 13:05 #1856I would like to use the widget called title and then set my title headings there. But i still cannot figure out the code you use for the line after your headings example: the heading “popular” on http://demo.getpojo.com/buzz/home-4/ what code do you use there?
28/06/2016 at 7:30 #1864We are using ::after selector with this CSS:
background-color: transparent; content: ''; display: block; height: 6px; margin-top: -3px; position: absolute; top: 50%; left: 100%; width: 10000%;
29/06/2016 at 11:27 #1874thanks for all your help – I put this code in my child theme style sheet but I am missing something – the line extends beyond the box
Please advise – nothing I do seems to make it the correct size.also all titles are problematic – is there any way to set the heading level of a widget title within the widget
on this pagae all the story titles should really be h2thanks
here is my css/* bridge page heading */
h1.bridge{
position: relative;
display: inline-block;
padding-right: 20px;
line-height: 1;
box-sizing: border-box;
font-family: ‘Montserrat’, Arial, sans-serif;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
font-style: normal;
box-sizing: border-box;
}#jw
{
color: #004e70;
}#jw:after
{
background-color: #004e70;
}h1.bridge:after
{
background-color: transparent;
content: ”;
display: block;
height: 6px;
margin-top: -3px;
position: absolute;
top: 50%;
left: 100%;
width: 10000%;}
29/06/2016 at 13:37 #1882You can try this:
h1.bridge:after { width: 400%; }
But i can’t tell you if it will be optimal in different resolutions.,
29/06/2016 at 18:36 #1886This reply has been marked as private.30/06/2016 at 9:22 #1891overall the heading usage within the widgets is a bit of a mess – is there a way that I can set the heading on the title widgets and on the items within the widgets – this would be super helpful.
03/07/2016 at 9:39 #1900There are two options:
1. To change CSS until you get the wanted result.
2. You can use Title/Heading widget for the headline, and in the widget that comes under it to disable the heading.03/07/2016 at 9:43 #1901You can also try to work with Elementor, our new builder.
03/07/2016 at 11:58 #1902I will keep at it. I spent a while on the css and did not get the desired result. I don’t understand #2 – as on the widget below I don’t use the heading and I looked in elementor and did not see that the options were any better. But I will keep trying! thanks
04/07/2016 at 7:54 #1906ok – some of my issues are resolved – the remaining issue is the title on an image is in the first item on this page
http://dev.jewishcoffeehouse.com/ – I want to keep the look -but I don’t want to change the h4 to h2 in this case04/07/2016 at 13:51 #1910How did you change the rest of the titles? With the code i gave you?
04/07/2016 at 14:35 #1914no – i am using the wordpress text widget and setting the titles on the page that are not part of post widgets to h1 or h2 as needed. for posts – I did not want to do a global change to all post titles as some would be h2 and some h3 – a global change is not the perfect solution. Any ideas?
05/07/2016 at 6:52 #1918So the only thing that isn’t good now is the heading of the main post?
07/07/2016 at 11:16 #1923yes that is correct -how can I fixe that to be an h1 or h2
12/07/2016 at 19:53 #1945the widget headings on the frame theme are also problematic -http://mevaser.tv/ – in the footer I am using widget headings – which are automatically h5 and within them are headings to posts which are automatically set to h3 – I put in the code that you sent for the buzz theme in the functions.php – but it does not work for the frame theme
the code is
function pojo24475_setup_builder_widget_args( $args ) {
$args[‘before_title’] = ‘<h2 class=”pb-widget-title”><span>’;
$args[‘after_title’] = ‘</span></h2>’;return $args;
}
add_filter( ‘pb_empty_widget_args’, ‘pojo24475_setup_builder_widget_args’ );13/07/2016 at 11:33 #1954This reply has been marked as private. -
AuthorPosts
The forum ‘Support (Legacy)’ is closed to new topics and replies.