Change Format of Page Titles

[gallagherBD]

Hello, I want to change the format of the page titles on a site I am working on. I am using the Icon theme and it does not give me the ability to change things like:

Title Alignment
Title Background Color
Title Font Color.

I also want it to be up stacked with the breadcrumbs.

The site is dralphonsoevans.com and you can look at the Blog page as a reference.

https://dralphonsoevans.com/blog/

Please let me know what CSS I can put in to make it what I want. Thanks!

[prakash_s]

Hi @gallagherBD,

Add this code in theme option’s CSS and change the values as you want.

.vc_basic_grid .vc_gitem-post-data-source-post_title h4{
  font-size:30px;
  color:#ccc;
  text-align:center;
  background-color:red
} 

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[gallagherBD]

Hello, thanks but I am asking about the page title. The area that says “Blog.” I want to format that differently.

[ruenel]

Hello @gallagherBD,

You are using the default page template. If you want full control over the page title, you can change the page template to Blank - Container | Header, Footer and then insert a row above the page and then a headline element which will serve as your page title. For more details about the different page templates in the theme, please check this out:

• https://theme.co/docs/page-settings#page-attributes

Hope this makes sense.