Using elements from another templates, (how are they built?) - Support

Viewing 30 posts - 1 through 30 (of 40 total)

1 2 →

Author

Posts
July 9, 2020 at 2:05 pm #1229173
tomcusters
Participant
Hey,

I have bought your template, I am now a frequent user of your template(s). I am particularly pleased with the CMS.

Have a question.
I want to install the Enfold Gym demo.
Now I see many nice options in your general template https://kriesi.at/themes/enfold/, for example Blog Multi Author or Portfolio 2 Column and more.
These are not standard built in the Gym demo, so I don’t see how they are built.

How can I find out how these were built, since only 1 demo can be installed?

Regards Tom
- This topic was modified 4 years, 4 months ago by tomcusters.
July 14, 2020 at 4:27 am #1230139

Rikard
Keymaster

Hi Tom,

Sorry for the late reply. Everything in the demos are built using the Layout Builder, so it doesn’t matter which demo you have installed. The blog layout you are referring can be achieved using the Blog Posts element, and the portfolio using the Portfolio Grid element.

Best regards,
Rikard

July 16, 2020 at 11:14 am #1230876
tomcusters
Participant
Hi Rikard,

Thank you for your answer. I understand that everything is built from the layout builder, but I still don’t know how exactly. If the demo is installed I can see that. But I will see how far I get otherwise I ask your help again.

By the way, Is it possible to choose (download) another Icon box, for example with creative icons such as brush, modeling, palette etc?

Regards Tom
- This reply was modified 4 years, 4 months ago by tomcusters.
July 17, 2020 at 11:52 am #1231200

Victoria
Inactive Moderator

Hi tomcusters,

Yes, you can upload and use your own icon sets.

Here are the docs for you:

Icon

If you need further assistance please let us know.
Best regards,
Victoria

July 20, 2020 at 4:03 pm #1231776

tomcusters
Participant

Thanks so far.
Regards Tom

July 20, 2020 at 4:21 pm #1231789

Victoria
Inactive Moderator

Hi tomcusters,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria

July 29, 2020 at 2:35 pm #1233950
tomcusters
Participant
Hello,

Is it possible to add a portfolio item to the menu?

There is no possibility for this under appearance > menus.
Or should I copy the (perma) link of the portfolio item and add it under Custom Links (menu items)?
————————————————————–
Another question.
If I make the page smaller (eg ipad) the menu runs through the logo. For another site I once got the following code from you:

@media only screen and (max-width: 1024px) {
nav.main_menu, # menu-item-search {
display: block! important;
}
.menu item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

I put this in the Quick CSS, but see no improvement.
Could you see where the problem is

Thanks and regards Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 1, 2020 at 9:01 am #1234475
Rikard
Keymaster
Hi Tom,

You can add portfolio items as custom links instead of adding them the regular way.

Please try this CSS to adjust the mobile menu breakpoint:
```
@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}
```
Best regards,
Rikard
August 1, 2020 at 12:46 pm #1234502

tomcusters
Participant

Hi Ricard,

Thank you for your answer.

Added the css to the quick CSS but see no difference. Made screen: https://imgur.com/CWTKEG3
Maybe you can take a look at the CMS (you have login details)

Regards Tom

August 3, 2020 at 12:59 pm #1234819

Rikard
Keymaster

Hi Tom,

It’s working on my end, the mobile menu activates at 1024 pixels. Please check in an incognito or private window.

Best regards,
Rikard

August 4, 2020 at 11:44 am #1235087

tomcusters
Participant

Hello Rikard,

Unfortunately no difference.
If I pull the screen (Mac) smaller from the bottom right corner, menu item “home” is still visible behind the logo ((see previously enclosed screen). This is only for a moment.
The point is that if someone has set up their laptop (screen) differently, this remains visible, so then “home” remains visible behind the logo.

The same problem was with another site.
I also used the same code at http://www.maastrichtvooriedereen.nl (also a template from you) and here the menu disappears rather straightforwardly when I pull the screen smaller. This is now working properly.

Just try it.
Regards Tom

August 6, 2020 at 7:12 am #1235599
Rikard
Keymaster
Hi Tom,

You can easily adjust the width which the break should occur on, try this instead for example:
```
@media only screen and (max-width: 1150px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}
```
Best regards,
Rikard
August 6, 2020 at 1:34 pm #1235704

tomcusters
Participant

Yes great, it is working now.
And now I know for next time

Regards Tom

August 6, 2020 at 1:45 pm #1235717

Victoria
Inactive Moderator

Hi tomcusters,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria

August 16, 2020 at 2:02 pm #1238163
tomcusters
Participant
Hi there,

Another question.

On the next page https://nieuw.werkhuismaastricht.nl/onze-missie/, the first heading (onze missie) is an H1 and capital, the heading below (onze filosofie) is also an H1, but not in capital.

I’ve tried everything, but as long as the heading “our philosophy” is in the grid row, it remains in lowercase.
I can enter everything in capital or I can put the h1-h6 on uppercase in Advanced styling, but I want the head(s) in H3 in lowercase

How can this be solved?
Regards Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 16, 2020 at 5:38 pm #1238227
Victoria
Inactive Moderator
Hi tomcusters,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
#top #wrap_all .av-inherit-size h1.av-special-heading-tag {
  text-transform: uppercase;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
August 18, 2020 at 1:58 pm #1238797

tomcusters
Participant

Great, its working.
Regards Tom

August 18, 2020 at 3:19 pm #1238808

tomcusters
Participant

Hi there again,

Can you also influence the space between the columns in pixels?
In the row layout you can only choose “no space between columns” or “space between columns”

You may need additional CSS for that.
Do you have that?

Regards Tom

August 18, 2020 at 9:11 pm #1238913

Victoria
Inactive Moderator

Hi tomcusters,

Could you please attach some screenshots of the issue?

Best regards,
Victoria

August 19, 2020 at 12:14 pm #1239143
tomcusters
Participant
I will sent a screenshot: https://imgur.com/a/5jv8cc6
Link website: https://nieuw.werkhuismaastricht.nl/werkplaatsen/hout-werkplaats/

Another question.
Can you provide a table with a different color, line thickness, etc.
Link website: https://nieuw.werkhuismaastricht.nl/tijdschema/

Regards Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 19, 2020 at 6:55 pm #1239255
Victoria
Inactive Moderator
Hi tomcusters,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
div .av_one_third {
    margin-left: 3%;
    width: 32.333333%;
}
div .av_one_fourth {
    margin-left: 3%;
    width: 23.5%;
}
div .av_one_fifth {
    margin-left: 3%;
    width: 17.4%;
}
```
2. Could you please attach a mockup of what you’re trying to achieve?

If you need further assistance please let us know.

Best regards,
Victoria
August 20, 2020 at 1:48 pm #1239540
tomcusters
Participant
! – It works, but then another problem arises: the distance of the items in the footer. The content of footer-columm3 has been moved to below footer-columm2. I removed the css again.

2 – I just want to change the style (css) in the table, everything is a bit light in color, hard to see on a bad screen.
So, for example, I would like the lines of the boxes and texts a bit darker. Maybe also the gray in the text boxes in a different color. Is that possible?

3 – another question:
How to get less space (margin) between the widgets in the right (or left) column.
Now there is a lot of white space between the widgets. See: https://imgur.com/a/RS3V9gC

Regards Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 23, 2020 at 4:02 pm #1240131
Victoria
Inactive Moderator
Hi tomcusters,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.fullsize div .av_one_third {
    margin-left: 3%;
    width: 32.333333%;
}
.fullsize div .av_one_fourth {
    margin-left: 3%;
    width: 23.5%;
}
.fullsize div .av_one_fifth {
    margin-left: 3%;
    width: 15.4%;
}
#top .widget {
    padding: 30px 0 0px 0px;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
August 24, 2020 at 12:18 pm #1240332
tomcusters
Participant
Thank you for your answer, it works now (point 1).
Can you please also answer me about points 2 and 3.

Thanks and greetings in advance
Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 25, 2020 at 5:43 pm #1240718

Victoria
Inactive Moderator

Hi tomcusters,

I gave you the code for widgets in the reply above and as for the tables, it’s still not clear to me what changes you need to make. Can you please explain a bit more?

Best regards,
Victoria

August 25, 2020 at 6:42 pm #1240744
tomcusters
Participant
Hello Victoria,

Sorry, see it already, the style of the widgets was already in the code of the space between columns.

Regarding tables, can I change the CSS somewhere, such as thickness and color of the line. And also the color areas of the table. The table now looks very light and is more difficult to see.

See screen: https://imgur.com/a/xAX8jQ1
I made it a bit darker in photoshop as an example.

Hope it’s a bit clearer now.
Greetings Tom
- This reply was modified 4 years, 3 months ago by tomcusters.
August 30, 2020 at 12:58 pm #1241908
Victoria
Inactive Moderator
Hi tomcusters,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.alternate_color table caption,
 .alternate_color tr:nth-child(even),
  .alternate_color .pricing-table>li:nth-child(even),
   #top .alternate_color .avia-data-table.avia_pricing_minimal td {
    color: #5a4e4e;
     background-color: #c8c1c1;
}
.alternate_color tr {
  border-color: #847f7f;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
September 1, 2020 at 11:00 am #1242468
tomcusters
Participant
Thank you so far.
Can you also adjust the line thickness and color?

.alternate_color tr {
border-color: # 847f7f;
}
Has no effect.

Regards Tom
- This reply was modified 4 years, 2 months ago by tomcusters.
September 2, 2020 at 9:47 am #1242742
Rikard
Keymaster
Hi Tom,

Please try this instead:
```
.alternate_color tr {
  border: 5px solid #847f7f;
}
```
Best regards,
Rikard
September 4, 2020 at 12:25 pm #1243284
tomcusters
Participant
Oke, thanks.

Table only takes the outside lines.
Is that also possible with the inner lines?

Regards Tom
- This reply was modified 4 years, 2 months ago by tomcusters.
Author

Posts

Viewing 30 posts - 1 through 30 (of 40 total)

1 2 →

The topic ‘Using elements from another templates, (how are they built?)’ is closed to new replies.