-
Posts
-
Hi,
I have been looking for a way to move the title from the breadcrumb area to the main content area. I took a look at almost every php file there is but I’m having a hard time finding where to modify the template.
I considered using a shortcode, and actually did it, but that’s not a reasonable solution, it just adds extra work to every post that is created, better to edit the template in my opinion. Can you direct me on which file/where to edit?
Thank you.EDIT: This applies to posts using the Advanced Layout Editor, because those done with the basic editor have their title where I want
Hey jcverde,
Well, another way to do it is to limit the width of the title and let it wrap. Will it work for you?
Best regards,
VictoriaHi Victoria,
That would be a workaround, yes (not only width, also line spacing because when it wraps lines are far apart) but the ideal situation, for me, would be to have posts built with the advanced editor behave the same – title wise – as those written in the classic editor. For me, it’s prettier, it leaves the breadcrumb horizontal area just for that, and the title would stay with the text.
I am somewhat comfortable fiddling around with HTML, PHP and CSS, but couldn’t quite figure out where to look, I’m not sure in what file(s) I have to get into to make that happen.
Thank you.
Joao.Hi Joao,
Thanks for the update. Could you please link to an example page so that we can have a closer look?
Best regards,
RikardHi,
Thanks for that. You could add some CSS to stop the title from clashing with the breadcrumbs, would that work for you? If so then please try this in Quick CSS:
.single-post h1.main-title { width: 50%; max-width: 50%; }Best regards,
RikardThanks Rikard. While it solves the wrapping issue, it’s not visually appealing.
I am really interested in moving the title to the post text area. I’d prefer to do it without a shortcode. If you can point me to the file or files where I have to look for the code, that would be nice. I can code php, css and html, but searching and interpreting code written by other people is very time consuming.
Thanks.Hi,
You can disable the default title from the Enfold > Header > Header Layout > Header Style settings. Set it to display only the breadcrumbs or just hide both if necessary. If you need to modify the post title in the post template, you have to edit the includes > loop-index.php file.
echo $title;Best regards,
IsmaelThanks.
Hiding title and/or breadcrumbs helps, and I found out that, actually, what I needed to edit was template-builder.php instead of loop-index.php, at line 102, echoing the title before the content. I’ve been looking at the wrong files, now I got it.Best regards.
Hi jcverde,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaHi
I removed the title from breadcrumbs using
.main-title.entry-title {display:none!important;}.However, the breadcrumb is in a container that’s too wide. I couldn’t make it narrower.
How can I
a) make the container height that the breadcrumb displays in slightly more than the text size and the background colour for container
b) how to change breadcrumb text size
c) I wanted to right align with the cart icon which is past the content area, so I used
.title_container .breadcrumb {
position:absolute;
right: -130px;
}
which I’m not sure is most elegant way to code it although seems to work.I put credentials below so you can see.
Thank you
Hi s29ers,
a. I’m not sure I understand this question, could you try to explain a bit further please?
b. Please try the following in Quick CSS under Enfold->General Styling:
.avia-breadcrumbs span { font-size: 16px; }c. Please remove your current CSS and try this instead:
.title_container .container { width: 100%; max-width: 100%; }I would advice against this though, since you will likely see the breadcrumbs cut off if you do.
Best regards,
Rikard
- You must be logged in to reply to this topic.