CSS for block header name
2 years 1 month ago #67961
by ZoeKool
CSS for block header name was created by ZoeKool
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
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
Please Log in or Create an account to join the conversation.
2 years 1 month ago #67962
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic CSS for block header name
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
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
The following user(s) said Thank You: ZoeKool
Please Log in or Create an account to join the conversation.
2 years 1 month ago #67989
by ZoeKool
Replied by ZoeKool on topic CSS for block header name
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!!
Thanks again!!
Please Log in or Create an account to join the conversation.
2 years 1 month ago #67990
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic CSS for block header name
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"

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
Please Log in or Create an account to join the conversation.
Time to create page: 0.209 seconds