Skip Navigation

[Resolved] Custom CSS codes issue 1

This support ticket is created 3 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 9 replies, has 2 voices.

Last updated by stephanieK-5 3 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#2235639

thank you so much for your kind explanation!

#Q4
I added

[types field='spezialisierung' class="specialty"][/types]

and a class

.specialty {
    color: #1db8dd !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1,2em;
}


but the font is not changing. could you provide help?

Q5)

I still need assistance.
I created a second test field to debug my alignment issue here with elementor.

hidden link (private page)

It seems the frontend is not showing the image/row as center aligned. Could you provide a css to force it aligned to the res?
It would be awesome to get this worked, its so much easier than writing code. Thank you so much for your kind help!

#2235661
image-block-align.jpg

Hello,

Q4) Where and how can I see the problem? please point out the problem page URL

Q5) You can try these:
Edit the problem page you mentioned above:
hidden link
Find and select the image block, in section "Advanced", option "Block Alignment", choose "Center"
See my screenshot image-block-align.JPG

#2238103
IMG_13B4F4BE2037-1.jpeg
Bildschirmfoto 2021-12-06 um 12.46.30.png
Bildschirmfoto 2021-12-06 um 12.44.12.png

Q4 + Q5)

Q4 & Q5 is the same page, one front-end, one from the view editor. Sorry for the confusion.
hidden link

- If I reload the page on desktop, CSS seems to be missing of buttons front-end
- on iPad view, the single line should have a break (unreadable)

thank you so much for your advice!

#2238763

Thanks for the details, it should be a cache issue, I have done below modifications in your website:
Edit the problem page:
hidden link
find and select the view block, in section "General", disable option "Cache View", save the page, refresh the problem page in frontend:
hidden link

It works fine just same as backend.

#2239061
Bildschirmfoto 2021-12-07 um 14.03.16.png

Hi Luo

thank you for looking into this and thank you for the caching tipp!

If I put this into Elementor - View widget as recommended in the FAQs, the blocks are still not displayed centre aligned.

Could you provide a custom CSS to solve the issue? I find it better to use the drag and drop View creator, otherwise I would need to re-build it with code what I am not able of in that detail work.

Testpage with Elementor widget:
hidden link

thanks!
.

#2239119
Bildschirmfoto 2021-12-07 um 14.59.57.png
div.wp-block-image figure.tb-image.tb-image-dynamic.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

this seems to fix the issue, what I you think about this message here?
thank you!

#2240269

As I mentioned in your previous thread:
https://toolset.com/forums/topic/search-results-not-displayed-correctly/#post-2232263

It is not recommended to use View block in other page builder(Elementor), it will conduct unexpected result.

#2241503

My issue is resolved now. Thank you!

#2241505

Hi Luo,

to be honest the solution is quite easy and not blamed for using 2 Page Builders. Please read carefully for the positive solution:

I put the CSS code into the grid directly instead of the whole page custom css, now it works.

And of course Toolset is working with Elementor, this information is not true and could irritate other clients.

hidden link

#2241507

See last reply. 😉