After theme updating no HTML text/links/list styling is possible
Hello
I've updated Betheme and plugins 2 days ago. As the result I can't do any HTML coding in Column items.
To make the text blue and big I used to insert smthg like <span style="font-size:30px; color:#3d4096; and so on></span>. And this worked. Now if I do so the text just disappeares from the page. Delete the tags - and it's on, small and black. Same issue with styling links/lists. I tried making CSS classes and sometimes it helped. Sometimes not. Sometimes partially.
The tags inserted before the update work properly. Several links needed restyling.
Here's one expample.
<span style="font-size:20px; font-weight:bold; color:#3d4096;>Брокерські послуги для фізичних осіб</span>
<ul Style="text-align: left; list-style-image:url('http://dev2.task.ua/wp-content/uploads/2021/02/documents_files_icon_blue_15.png');">
;">){kind=link}
<li>Договір на брокерське обслуговування
<a href="#"><img src="http://dev2.task.ua/wp-content/uploads/2021/02/magnifyingglass_blue.png" width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a>
![http://dev2.task.ua/wp-content/uploads/2021/02/magnifyingglass_blue.png"](http://dev2.task.ua/wp-content/uploads/2021/02/magnifyingglass_blue.png"){kind=link}
<a href="#" download="TASK-BROKER_Report_2019">
<img src="http://dev2.task.ua/wp-content/uploads/2021/02/downloadfolder_blue.png" width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a></li>
![http://dev2.task.ua/wp-content/uploads/2021/02/downloadfolder_blue.png"](http://dev2.task.ua/wp-content/uploads/2021/02/downloadfolder_blue.png"){kind=link}
and 4 more lines </ul>
The same list works perfectly here http://dev2.task.ua/yak-stati-kliyentom-2/ (open Accordion 1).
But on page http://dev2.task.ua/tipovi-dokumenti/?preview_id=684&preview_nonce=714ae569fd&preview=true created after the update it looks different. Weird dots instead of images and text styling which should be applied to list title. The title itself is not seen.
Is this a special feature of Betheme 22.0 or I need to do something to stop that?
Thank you
Comments
Hello,
Sorry, but I am not able to open the second link. Can you send some other page with these issues, please?
Moreover, you can try to turn off all of the plugins, refresh your cache, and check if this issue still appears.
Thanks
Hello
Here's the page http://dev2.task.ua/tipovi-dokumenti/
Here's HTML
<span style="font-size:20px; font-weight:bold; color:#3d4096;>Брокерські послуги для фізичних осіб</span>
<ul Style="text-align: left; list-style-image:url('http://dev2.task.ua/wp-content/uploads/2021/02/documents_files_icon_blue_15.png');">
<li>Договір на брокерське обслуговування
<a href="#"><img src="http://dev2.task.ua/wp-content/uploads/2021/02/magnifyingglass_blue.png" width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a>
<a href="#" download="TASK-BROKER_Report_2019">
<img src="http://dev2.task.ua/wp-content/uploads/2021/02/downloadfolder_blue.png" width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a></li>
<li>
<li>
<li>
</ul>
The list is bold and blue. No title (Брокерські послуги для фізичних осіб)
Same thing with <p> tag.
Thank you for your attention
There is some HTML error on this page:
Please, check if all HTML tags are placed and closed correctly.
For example, you did not close the </li> tags in your list.
Thanks
Yeah, right, I've found the error. Now the list looks good.
Another issue.
Page http://dev2.task.ua/investicijna-kompaniya-task/
Text in Section "Послуги ІК "ТАСК" contains two names that have links (orange ones, see the snapshot https://snipboard.io/BijuZG.jpg). I've put the links with
<a href="#" class="IKTasklinkred">КУА "ТАСК-ІНВЕСТ”</a> та фінансові послуги <a href="#" class="IKTasklinkBlue">"ТАСК-БРОКЕР"</a>
where classes contain
.IKTasklinkred a{
color: #ee3338!important;
font-weight:bold;}
.IKTasklinkred a:hover {
color: #ee3338!important;
text-decoration:underline;
font-weight:bold;}
and
.IKTasklinkBlue a{
color: #3d4096!important;
font-weight:bold!important;}
.IKTasklinkBlue a:hover {
color: #3d4096!important;
text-decoration:none!important;
font-weight:bold!important;}
The words are still orange and underlined (default Betheme appearance).
So, is there's something wrong there too? I see no errors.
Thank you, guys
You have out the class and a tag in the wrong order.
It should look like this:
a.IKTasklinkred{ color: #ee3338!important; font-weight:bold; } a.IKTasklinkred:hover { color: #ee3338!important; text-decoration:underline; font-weight:bold; }Thanks
Oops...
Thank you, support team. You're great!