Questions about CSS & SEO Breadcrumbs

RichterF · June 2019

Hi BeThemies,

first off: outstanding theme and outstanding work you all do here! Every single cent worth your theme

Now to my first real support questions: I want to round some the submit buttons on my site and also make them a bit bigger. I'm some familiar with CSS but unfortunately I don't get the syntax used in the betheme. I'm using an static css file located in my child theme. I simply don't know which class i should change since there are so many parent classes and other things. I also want the submit button (For posting a comment) on the left side... Could you explain how I can work with those classes to customize my child theme?

Another thing I want to ask is I'm using Yoast SEO and enabled the breadcrumb function. Since google don't index my site with breadcrumbs I using Yoast Seo. They say I need to add them into my theme with a few php snippets. Is that necessary or supporting BeTheme this breadcrumb function natively? And where i would need to add this bit of code then?

Pablo · June 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

RichterF · June 2019

The page is online but it's an adult website. I'm not sure If i can post such pages here. Can I provide the link somehow via private message or something?

Pablo · June 2019

Okay, you can post it here, if the website will be too "extreme", we'll hide the link.

But, let me answer for some questions.

1) You don't have to provide the CSS changes to the Child Theme, you can paste them in the Theme Options > Custom CSS & JS > CSS - and it will be working even better.

2) Which plugin do you use for contact forms? Is it Contact Form 7? If it is, you shouldn't have problems with making that button bigger, probably you catched wrong div. - If you don't know how to do it yet, I have to take a look to create that code for you.

3) I do not understand at all, can you explain it greater?

But, if you want to make your YOAST SEO work fine, you have to disable our SEO options first.

Theme Options > SEO, turn off the "Use built-in field" option http://prntscr.com/o6vg7h

Also, to make content visible for google, you have to use the "Builder >> SEO" option, more about it here: https://forum.muffingroup.com/betheme/discussion/33972/yoast-seo-and-muffin-builder-builder-seo#latest

Thanks

RichterF · June 2019

Thanks for the reply.

1) I was doing that but I also found out that I can edit the style css as well directly in the child themes directory. Before I also used the direct way you described.

2) I use Contact Form 7. I also want to customize the buttons where people can post comments. There i want to round up the edged a little with with border-radius and the Text padding shoud be a little bit more increased to make the button more touch friendly.

3) I moved two months ago to an own server. Before I had another wordpress based website but with another premium theme "Toddlers". Unfortunately they stopped the development after Wordpress 5.0 was released and I had to look for another Theme. With the old site I had breadcrumbs displayed in all search results like Position A > Position B.

Now since I use BeTheme it only displays the search like domain.com/position-b.

I wanna know if BeTheme already has native YOAST breadcrumb SEO support or I need to add the Breadcrumb feature of YOAST somewhere in my child theme to let Google indexing the site like described. The native Breadcrumb feature of BeTheme works fine but it seems google ignores that for some reason. My goal is to let google displaying my site like the old one was displayed with the TLD at first and the other child pages like "contact" or "Updates" underneath. To archive this i need the breadcrumbs.

I'm aware that I can make the text visible for YOAST with the "Builder >> SEO" option

Pablo · June 2019

2) You can catch all of the contact form submit buttons with that code:

.wpcf7-submit{
  height:100px;
  width:300px;
}

If you would like to change some button on single page, just inspect your body tag and add id before that wpcf7-submit, example: body.page-id-123 .wpcf(...)

3) Unfortunately, BeTheme does not have native breadcrumb support for Yoast SEO.

But, it sounds like a good idea, please post it in thtis topic:

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

We'll take a look at it and discuss if it's a good idea to add it to our theme.

Thanks

RichterF · June 2019

Added the suggestion. I'm glad that it's not caused by my SEO edits so I did everything right ^^; Looking forward for this feature if it's going to approved by the staff.

So If i get that right that means I need to use IDs first and then the child class of the element? Alright!

Is there also a way to remove the "read more"- buttons only in the "related posts" section somehow? The guy who commissioned me to build this site asking me that since a while and I simply don't have a proper answer for it.

Pablo · June 2019

You mean "View" button, right?

Please use this CSS:

.post-related .button {
  display:none !important;
}

Thanks

RichterF · June 2019

That works! Thank you for the support. I'm very satisfied with it

Worth to buy extended support if necessary.

Pablo · June 2019

You're welcome

If you have some further questions, feel free to ask.

Greetings

Questions about CSS & SEO Breadcrumbs

Comments