Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2019 at 10:38 am #1142653
    bergsmapaul

    Hi,

    I want to have the line from the Blockquote inside a specific regular text box move to the right side.

    Please scroll down on my page untill ‘Horeca Recruitment’ underneath the picture. I already tried to follow the steps from a post from last year, but it didn’t work:

    “No that’s not possible since you want to style the elements individually, though you could try to to give them classes if you activate that option under Enfold->Layout Builder. Look for the Show element options for developers option.

    Then you can assign your elements classes like blockquote-border-right for instance. You can then use the CSS I posted earlier:

    .blockquote-border-right {
    padding-left:0;
    padding-right: 1em;
    border-left: none;
    border-right: 5px solid #e1e1e1;
    }
    You can do the same for elements that you want to border to be on the left, just reverse the CSS in the example.”

    This didn’t work unfortunately.

    September 27, 2019 at 5:11 pm #1142834
    Jordan Shannon

    Hey bergsmapaul,

    So you want the dark border to be on the right side instead of the left like it is now?

    Best regards,
    Jordan Shannon

    September 27, 2019 at 5:12 pm #1142837
    bergsmapaul

    Yes, that is what I want.

    September 27, 2019 at 5:41 pm #1142846
    Jordan Shannon

    Hi,

    Add this to quick css:

    .blockquote-border-right h1 {
    border-right-style: solid;
    border-right-width: 7px;
    border-right-color:#2c333f!important;
    padding-left: 20px;
    margin-bottom: 1em;
    margin-right: 1em;
    font-size: 1.235em;
    line-height: 1.5em;
    border-left-width:0px!important;
    border-left-style:0px transparent solid!important;
    width:200px
}

.blockquote-border-right{
    border-right:none
}

.blockquote-border-right p{
    text-align:right!important;
    float:right!important;
    width:200px
}

    Best regards,
    Jordan Shannon

    October 21, 2019 at 5:35 pm #1149916
    bergsmapaul

    Unfortunately this is the effect:

    I want the thick line of the left text be moved to the right of the text. Why can’t you just select at ‘quote’ where you want the line, left or right.

    Thanks in advance

    October 25, 2019 at 7:57 am #1151104
    Ismael

    Hi,

    Thank you for the update.

    This css code should add a thick line or border to the right of the blockquote element.

    .blockquote-border-right {
	border-right: 5px solid black !important;
	padding-right: 30px;
}

    Did you add the “blockquote-border-right” class name?

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.