CSS for block header name

CSS for block header name was created by ZoeKool

Posted 1 year 3 weeks ago #67961
I have a current website that uses Joomla 3.

It can't be used on Joomla 4 but I want to use this menu (on the left)

See it here

rollerball.ca/index.php

I want the new one to look like that (Joomla 3) used on my joomla 4 temple created by CK.

CK template here.

rollerball.ca/index.php/new

Can it be done?

Thank you in advance.

Joe
by ZoeKool

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic CSS for block header name

Posted 1 year 3 weeks ago #67962
Hi
yes you can do that
1/ module title
you can set the orange background and other style by editing the block >> Styles >> module title styles
you can put the same bullet in background as you have on the J3 website :
rollerball.ca/templates/rollerball_2022_.../blockheadericon.png

2/ menu list
you can setup the menu style in the same way, using the same bullet as background image :
rollerball.ca/templates/rollerball_2022_...ges/blockbullets.png
to have the menu styling options, you can enable the expert mode (left panel button), then when you edit the left column you will see more options. Use the Menu options

CEd

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: ZoeKool

Please Log in or Create an account to join the conversation.

Replied by ZoeKool on topic CSS for block header name

Posted 1 year 3 weeks ago #67989
You Da' Man!! That saved me a ton of time. The only little thing I'm having and issue with is I'd like to move my little bullet to the right, where do I do that?

Thanks again!!
by ZoeKool

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic CSS for block header name

Posted 1 year 3 weeks ago #67990
great :)
to position your bullets, if set as background, you can use the x/y fields above the image url
you can use X value in px, like 10px for exemple. By default the value is set on "center"

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.692 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 559 guests and no members online