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('[Links visible only for registered users]
<li>Договір на брокерське обслуговування
<a href="#"><img src="[Links visible only for registered users] width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a>
<a href="#" download="TASK-BROKER_Report_2019">
<img src="[Links visible only for registered users] width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a></li>
and 4 more lines </ul>
The same list works perfectly here [Links visible only for registered users] (open Accordion 1).
But on page [Links visible only for registered users] 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 [Links visible only for registered users]
Here's HTML
<span style="font-size:20px; font-weight:bold; color:#3d4096;>Брокерські послуги для фізичних осіб</span>
<ul Style="text-align: left; list-style-image:url('[Links visible only for registered users]
<li>Договір на брокерське обслуговування
<a href="#"><img src="[Links visible only for registered users] width="15" height="15" style="vertical-align:middle; margin:0px 0px 0px 10px"></a>
<a href="#" download="TASK-BROKER_Report_2019">
<img src="[Links visible only for registered users] 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 [Links visible only for registered users]
Text in Section "Послуги ІК "ТАСК" contains two names that have links (orange ones, see the snapshot [Links visible only for registered users]). 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!