-
AuthorPosts
-
October 20, 2017 at 2:32 pm #866698
Hi, whats up?
I would like to alter the border of the grid row only in a specific page.
Notice that there are two grid rows in my page, and only the one with the two google maps should have it borders altered.
I would like to alter only how large it is, the other proprieties such border color can be yours.
Could you help me please?
October 20, 2017 at 3:48 pm #866744Hey dcdahm,
Are you looking to alter the bottom border, or the one between the maps?
Best regards,
Jordan ShannonOctober 20, 2017 at 5:05 pm #866801The one between the maps, please. But if you could teach me how to alter the other border would be very nice from you. :)
October 21, 2017 at 5:24 am #866949Olá,
Vi que seu site é em português e creio que será mais fácil e prático te ajudar em português também. Ok, vamos lá.
Para adicionar uma borda na divisória das sections, você tem que habilitar o Custom classes seguindo este tutorial: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Após isso, você irá adicionar uma classe exclusiva para sua primeira section e irá adicionar o seguinte código em Enfold Theme Options > General Styling > Quick CSS
.YourCustomClass { border-right: 5px solid #000 !important; }
November 17, 2017 at 9:14 pm #878293Não tem outra maneira? Não atualizei o tema, queria ver contigo também se ao atualizar alguma coisa pode mudar. Não queria parar para fazer a manutenção nele todo.
Se me garantir que tudo vai ficar do jeito que está, eu atualizo, senão queria ver contigo se tem outro jeito.
November 20, 2017 at 4:24 pm #879197Hi,
If you add John’s css above, it will be safe from updates. If you are using a child theme, the functions.php update will be safe as well.
Best regards,
Jordan ShannonNovember 21, 2017 at 5:30 pm #879834Yes, but the thing is that its a grid row with two divisions. A dont know how to put the right-border only in the left division.
The grid row has a general SectionID, so i dont know how to use it.
What should i do? Write
.YourCustomClass {
border-right: 5px solid #000 !important;
}in Enfold Theme Options > General Styling > Quick CSS ?
How can i refer the code for the first column only?
November 21, 2017 at 7:09 pm #879887Hi,
Please, provide to us your WP credentials and we can solve it to you.
Best regards,
John TorvikDecember 21, 2017 at 12:37 pm #891116This reply has been marked as private.December 21, 2017 at 6:05 pm #891241Hi dcdahm,
You put the id as “.YourCustomClass”, it has to be without a point, like this “YourCustomClass”.
Best regards,
VictoriaDecember 22, 2017 at 1:04 pm #891552I know this. The problem is to WHERE put the ID, as ive written before…
“Yes, but the thing is that its a grid row with two divisions. I dont know how to put the right-border only in the left division.
The grid row has a general SectionID, so i dont know how to use it.
What should i do? Write
.YourCustomClass {
border-right: 5px solid #000 !important;
}in Enfold Theme Options > General Styling > Quick CSS ?
How can i refer the code for the first column only?”
December 31, 2017 at 10:28 pm #892397Hi,
Try this code in the General Styling > Quick CSS field:#top.page-id-2783 #main .avia-builder-el-3 .avia-builder-el-4 { border-right: 5px solid #000 !important; }
Or you can go to your grid row and edit the one on the left, making the right padding 5px with the color black.
Then make sure the grid row on the right has all padding 0px
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.