Cubic Theme and headers

darrenfitzpatrick · Member · May 13, 2016 at 8:31 pm
Copy link

Add topic to favorites
Is it possible to have two lines of text in the header of blog posts?

When i’m writing the header text in edit mode would it be possible to add a second title line under main header, smaller

I have font size and space alignment in a pdf but i can’t upload images here can i?

Request
2 lines of text centred on header on all platforms
NOT AFFECTING FEATURE IMAGE
and taking into consideration the second line may be optional optional

much appreciated Darren

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 13, 2016 at 9:34 pm
Copy link
Darren, are you talking about on single post pages, such as on https://darrenfitzpatrick.wordpress.com/2016/05/09/karenandpatrick/? If so, we can do this with CSS by using the unique postid CSS class in the opening HTML body tag from the single post page, like this.
```
.postid-1481 .entry-title:after {
    display: block;
    content: "Feeling Groovy";
    font-size: 40%;
    color: #228800;
}
```
Each post that you would want to do this to would require a separate CSS rule using the unique postid CSS class.

If you go to a single post page and look at the HTML with your web inspector, you will find something that looks like this.
<body class="single single-post postid-1481...
postid-1481 is the unique post id for that single post page.
darrenfitzpatrick · Member · May 13, 2016 at 11:12 pm
Copy link
Yes, but I want it quite specific. How do I send you jpegs or attach screen grabs?? I’m not to clued in with css either.
thesacredpath · Member · May 13, 2016 at 11:18 pm
Copy link
You can upload them to your Media Library and then post the URLs here in the forum, or just let me know the names and I can look in your media library.
thesacredpath · Member · May 13, 2016 at 11:18 pm
Copy link
There is some limitation on what we can do with this with CSS only, but I’ll do my best to get as close as I can to what you want.
darrenfitzpatrick · Member · May 13, 2016 at 11:30 pm
Copy link
I get that and if you can make it happen i would be very appreciative,

Here is how i would like header text to look – same font, smaller size on bottom line.
https://darrenfitzpatrick.wordpress.com/wp-admin/upload.php?item=1613

I was hoping i would be able to add a feature here

, but your telling me i have to post css every time?

Regards Darren.
thesacredpath · Member · May 16, 2016 at 6:20 pm
Copy link
I was hoping i would be able to add a feature here [media libarary]

That would require editing of the theme php script files, and we cannot do that at WordPress.com.

This would be the CSS for putting the title after the post title with your chosen text.
```
.postid-1481 .entry-title:after {
    display: block;
    content: "Guiness Storehouse";
    font-size: 1em;
}
```
This would be something like your example with the Guiness text above the title, but the font size settings in your media queries are causing me to not be able to easily control things in this code, so you would need to make some changes to that.
```
.postid-1481 .entry-title {
	font-size: 40px !important;
}

.postid-1481 .entry-title:before {
	display: block;
	content: "Guiness Storehouse";
	font-size: 60px !important;
}
```
darrenfitzpatrick · Member · May 16, 2016 at 8:12 pm
Copy link
Many thanks for your help but i don’t know whether to add the css or not, I don’t even know how to add it? do i just copy paste what you have given me on a new line in the css box, is it that simple? although If you can’t get font size right i definitely wont.

Can i take a new approach? i also own this blog below, i ‘ve abandoned it as cubic was giving me more simplicity but am wondering could the two work together in some way. This is exactly what i’m trying to do and this theme has the header but cubic has the layout???
http://fitzpatrickphotography.com/blog/
thesacredpath · Member · May 17, 2016 at 4:19 am
Copy link
Go to Customize > CSS, delete all the informational text in that window, and paste in the custom CSS. If you don’t like it or change your mind, just delete all of it and save and things will go back to how they were.

There isn’t a way of combining themes (parts from one added to another generally). On self-hosted blogs, such as http://fitzpatrickphotography.com/blog/ , you do have the option of creating a child theme and then making changes to the theme php script files to get things they way you want them. You may want to consider hiring a web designer to make changes to a theme for you. It could be that they could do this for not too much money, depending on what all you wanted.

At WordPress.com, we are limited to editing CSS, which has limitations. We cannot edit the theme files here at WordPress.com.

No items found.