Return to previous page

Page Title out of the Breadcrumbs - by spiros.milonas

This topic has 21 replies, 3 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

spiros.milonas

Participant

January 29, 2017 at 18:37

Hello

How can I move the page title from inside of the breadcrum to under the breadcrumb?

Also how can I rename the (PRODUCT DESCRIPTION) under the breadcrumb or remove it?

Thanks Spiros

#153368 Copied

20 Answers

Eva Kemp

Support staff

January 30, 2017 at 09:55

Hello,

1. You need edit the file wp-content/themes/woopress/framework/theme-functions.php in line 785 and switch the lines for title and breadcrumbs.

2. Edit the file wp-content/themes/woopress/woocommerce/content-single-product.php in line 110 and rename to what you want.

Regards,
Eva Kemp.

#153418 Copied

spiros.milonas

Participant

January 30, 2017 at 12:05

Hello

Thanks for the reply.
I did the first one and nothing changed.
here is a screenshot to see if I did it the right way.
http://prntscr.com/e2639g

Regards Spiros

#153435 Copied

Eva Kemp

Support staff

January 30, 2017 at 16:53

Hello,

Yes, you did it correctly.
Do you want to change it on all pages or only specific ones?
Please provide us with FTP and WP Dashboard credentials in private content.

Regards,
Eva Kemp.

#153487 Copied

spiros.milonas

Participant

January 30, 2017 at 20:36

To every page.

Thanks

Please, contact administrator
for this information.

#153504 Copied

spiros.milonas

Participant

January 30, 2017 at 20:52

I forgot the WP

Please, contact administrator
for this information.

#153506 Copied

Eva Kemp

Support staff

January 31, 2017 at 10:20

Hello,

As I see title is already under the breadcrumbs http://storage7.static.itmages.com/i/17/0131/h_1485854375_5556795_dcfcace1ba.jpeg .
Do you want to move it under the breadcrumbs background?

Regards,
Eva Kemp.

#153532 Copied

spiros.milonas

Participant

January 31, 2017 at 12:30

Yes I’m sorry for the misunderstanding.
I want to remove the breadcrumbs
Keep only the page title under the breadcrumbs background image.

Regards Spiros

#153545 Copied
Eva Kemp

Support staff

January 31, 2017 at 16:22
Hello,

To remove breadcrumbs add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.breadcrumbs {
   display: none;
}
```
As for the title, please use this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.page-heading .title {
    margin-top: 20%;
    margin-bottom: 20px;
}
```
Regards,
Eva Kemp.
#153572 Copied
spiros.milonas

Participant

January 31, 2017 at 22:26

Perfect thank you for the solution I tried both and it works fine. It was exactly what I wanted for now.

Just for future use, if I want to have the title inside the breadcrumbs image in one page, How can I adjust the settings for specific pages and not globally?

Regards
Spiros

#153608 Copied

Rose Tyler

Support staff

February 1, 2017 at 08:14

Hello,

Go to Pages > Edit page and add your code in Page Settings custom ss:
http://prntscr.com/e300uy

Regards,
Rose Tyler.

#153619 Copied

spiros.milonas

Participant

February 1, 2017 at 13:16

Hello

Ok perfect.
We are almost there. Desktop and tablet are set, but on mobile when I move the title under the background it disappears behind the product image. I tried with the margin-bottom: 100 – 200 px but nothing happened. Sorry for all these questions but I’m new to this.

Regards Spiros

#153639 Copied
Eva Kemp

Support staff

February 1, 2017 at 16:41
Hello,

Please try this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.main-products-loop {
    margin-top: 50px !important;
}
```
Regards,
Eva Kemp.
#153670 Copied
spiros.milonas

Participant

February 1, 2017 at 21:53

hello

It is working only at category pages. (tops, bottoms)
At all the other pages is the same and nothing changes when I play with the numbers.

regards
Spiros

#153706 Copied

Eva Kemp

Support staff

February 2, 2017 at 16:35

Hello,

Please show a page example where you have the issue.

Thank you.
Regards,
Eva Kemp.

#153791 Copied

spiros.milonas

Participant

February 3, 2017 at 08:12

Hello

I took 3 screenshots from my phone
http://prntscr.com/e3voo2

thanks for your help
Spiros

#153856 Copied
Eva Kemp

Support staff

February 3, 2017 at 13:40
Hello,

Please add this code in Custom CSS for mobile:
```
.page-content {
    margin-top: 80px !important;
}
```
Regards,
Eva Kemp.
#153888 Copied
spiros.milonas

Participant

February 5, 2017 at 19:09

Hello

Still the same problems, after every line of code you send me it fixes something but on the same time in some other pages new problems appear. For example after the:
.page-content {
margin-top: 80px !important;
}
at the home page I had a gap between the header and page content (slider)
It’s really bad for me and my company because I want to upload the site, it’s ready but with this problem on mobile devices it looks like a mess. I tried all of what you send me with different numbers and nothing worked.
Can you please fix it for me?

Regards
Spiros

#154030 Copied

spiros.milonas

Participant

February 5, 2017 at 19:59

Also I noticed that my site has’t the same layout on different phones

#154031 Copied

spiros.milonas

Participant

February 5, 2017 at 21:01

Or you can tell me how to remove page titles from everywhere in the site.
I prefer that so no more problems appear

#154033 Copied
Eva Kemp

Support staff

February 6, 2017 at 17:52
Hello,

Please use this css code to remove page title:
```
.page-heading .title {
  display: none;
}
```
Regards,
Eva Kemp.
#154134 Copied
Viewing 21 results - 1 through 21 (of 21 total)