Editing a section of the GD details page

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
April 9, 2019 at 12:51 pm #479515

reezuan
Free User

Post count: 11

Hi,

I am trying to edit this section of the default GD details page (not sure what it’s called) shown in the image attached.

I was wondering if it was possible to remove that ‘avatar’ section on the far left, and also edit the ‘review’ section on the far right (review button and social icons are too big, button overlaps social icons as well).

Thanks in advance for any help you could provide!

Riz

April 9, 2019 at 5:20 pm #479596
Kor
Moderator

Post count: 16516
Hi Riz,

Thanks for your reply. Please try using the custom CSS code below and see if it helps.
```
.single .sd-detail-author {display:none;}

.single .sd-detail-cta .sd-cta-favsandshare {
    font-size: 20px;
}

.single  .sd-detail-cta .geodir-addtofav i, .single .sd-detail-cta .geodir-addtofav svg {
    font-size: 20px !important;
}
```
April 9, 2019 at 8:47 pm #479656

Alex Rollin
Moderator

Post count: 27815

Changing the way the SD Detail header works for the GeoDirectory Single template requires customization, but we are happy to provide CSS in case you want to hide any of the elements.

If you don’t like the header you can design your own by selecting the “GeoDirectory” template instead.

April 11, 2019 at 1:41 pm #480086

reezuan
Free User

Post count: 11

Hi,

Thanks for the suggestions! I have another question related to designing GD pages; thought I’d slip it in here.

I am trying to design a new Details template page, and I am using the Elementor page builder. However, one issue I’ve realised is that GD element shortcodes tend to take up the full width of the container that they’re in. For example, when placing content into two columns on the same ‘row’, I would try placing one GD shortcode in one column, and another GD shortcode in the other column (e.g. listing title in one column, post rating in the other column). However, when viewing the result of it, each of those shortcodes’ output has expanded to take up the entire width (i.e. both columns’ width), thus pushing the other onto the next line.

Sometimes, on a full-width template, the GD shortcode’s output would take up the entire width of the page, even though I have already placed it into a container which takes up only a part of the screen’s full width.

Is there any way to easily rectify this issue, or would I need to constantly go into custom CSS to solve these issues?

Thanks!

Riz

April 12, 2019 at 9:07 am #480266

Kor
Moderator

Post count: 16516

Hi reezuan,

Thanks for your reply. Well, it’s hard to imagine what you’re trying to explain here. Could you possibly provide us some screenshots regarding this? Or perhaps you can share the URL of the page in question here?

April 12, 2019 at 11:46 am #480294

reezuan
Free User

Post count: 11

Hi,

Apologies, my explanation may not have been clear enough. I’ve attached two pictures to show what I mean. The first pic shows how I placed the shortcode in the page builder (note the ‘Content Width: Boxed’ setting on the left). The second pic shows its output (notice how it’s expanded to take up the full width of the page).

April 12, 2019 at 1:00 pm #480313

Kor
Moderator

Post count: 16516

Hi reezuan,

Thanks for your reply. I’m able to see the issue now. Could you please share your Website WP admin access here in private reply?

April 12, 2019 at 1:05 pm #480315

reezuan
Free User

Post count: 11

This reply has been marked as private.

April 12, 2019 at 8:27 pm #480402

Kor
Moderator

Post count: 16516

This reply has been marked as private.

April 12, 2019 at 8:32 pm #480403

Alex Rollin
Moderator

Post count: 27815

You can try adding another column, and then setting the tabs column width to 50%, something like that. Have you tried that?

April 13, 2019 at 8:04 am #480464

reezuan
Free User

Post count: 11

Hi again,

Yup I’ve tried that. Attached image of what I did, but the output is the same as before. I also tried adding an image in the 2nd column to test, but again, the GD shortcode pushes the image down to the next line.

April 13, 2019 at 11:41 am #480487

Alex Rollin
Moderator

Post count: 27815

When I first saw your issue I thought you were writing in about GDV1 because you posted in a GDV1 forum.

In the future please post your topics to the appropriate subforums so we know best how to help you.

I have created a new page and added the default content and Supreme is working as expected.

I am not sure exactly what the issue is, here. Are you asking us to address the style of GD widgets in the canvas layout? The Elementor Canvas template is covered here in the docs. It removes everything, headers, sidebars, footers, everything. It would appear that it also makes any columns in the layout into a single column. Is that what you are looking for?
https://docs.elementor.com/article/315-using-elementor-s-canvas-page-template

Please refer to the builder notes here:
https://wpgeodirectory.com/docs-v2/integrations/builders/

With Elementor you will need to use the Pro theme builder with widgets.

April 13, 2019 at 12:00 pm #480496

reezuan
Free User

Post count: 11

Hi Alex,

Apologies, I didn’t realise there was a separate forum for GD v2. I’ll post future questions in the appropriate forum.

The main issue I have is that when I design custom GD pages, the GD element shortcode’s output will expand to take up the entire width of the page, no matter how many columns I’ve put.

I’ve attached two pictures below. In the first, you can see how I placed a GD shortcode in one column, and an image in the second column. However, as you can see in the second attached picture, the shortcode’s output takes up the full width of the page, pushing the image down to the next line.

I would like to know if there is any way to fix this issue. I’ve tried using the GD widget, instead of a shortcode element, in the first column, and have also changed the template to Elementor Canvas, to no avail.

April 13, 2019 at 8:31 pm #480544

Alex Rollin
Moderator

Post count: 27815

I made a test page using the canvas here and it seems to work ok with columns and GD elements.

/test-page/

As far as I can tell the issue is that you are trying to use the page builder on the Details page. You need to use the theme builder instead.

April 14, 2019 at 6:28 pm #480655

reezuan
Free User

Post count: 11

Hi Alex,

I think the issue is mainly with the [gd_single_tabs] shortcode then; that’s the one that always seems to expand to the screen’s full width, despite the column width. Sadly, that’s the one I’m trying to get to work properly. Do you think you could look into that?

p.s. When you say theme builder, are you referring to Elementor’s theme builder (not sure if they have one) or another theme builder?

Thanks for your help so far, really appreciate it!

Riz
Author

Posts