Open menu

How to centre item title to image in blog view

keepachris
Topic Author
Offline
New Member

9 years 1 month ago #57309 by keepachris

How to centre item title to image in blog view was created by keepachris

Hi, How can i centre the item title above image in blog view?

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

ggppdk
Offline
Administrator

9 years 1 month ago #57310 by ggppdk

Replied by ggppdk on topic How to centre item title to image in blog view

You can try this CSS

Code:

#flexicontent .fc_item_title {
    display: block;
    text-align: left;
    width: 100%;
    margin-left: 40px;
}

the above is just an example, you may need more CSS depending on your Joomla template too

- also try changing:
margin-left: 40px;
to some other, e.g.
margin-left: 20px;

Please note that most styling in FLEXIcontent requires CSS knowledge !

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

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

keepachris
Topic Author
Offline
New Member

9 years 1 month ago #57326 by keepachris

Replied by keepachris on topic How to centre item title to image in blog view

Hi I have a basic knowledge of css. When inspecting the css I can't find the above #flexicontent .fc_item_title {

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

germany_bw
Offline
Premium Member

9 years 1 month ago - 9 years 1 month ago #57327 by germany_bw

Replied by germany_bw on topic How to centre item title to image in blog view

Hello

In FC 3.x you should find it in http://yoururl/components/com_flexicontent/assets/css/flexi_frontend.css in line 108.

update:

sry, about line 108, I have edited the frontend.css.

Last edit: 9 years 1 month ago by germany_bw.

The following user(s) said Thank You: keepachris

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

Rooney
Offline
Moderator

9 years 1 month ago #57329 by Rooney

Replied by Rooney on topic How to centre item title to image in blog view

keepachris wrote: Hi I have a basic knowledge of css. When inspecting the css I can't find the above #flexicontent .fc_item_title {

Could you post link to the page?
Rooney

Joomla! 3.9.24 and FC 3.3.9

The following user(s) said Thank You: keepachris

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

germany_bw
Offline
Premium Member

9 years 1 month ago - 9 years 1 month ago #57331 by germany_bw

Replied by germany_bw on topic How to centre item title to image in blog view

Some Browsers has a function that is called "inspect elements". This function shows you many informations about the css-rules and the html-code for your page.

With this function you can also modificate the css-rules and the html-code to test your modification before you edit your page. It also shows you the place where you can find the css-riules for your html-code.

This video shows you how to use this function: