PART OF TEXT to the right

Support
#1

Hey,

hey i’m working cornerstone on local.i put a classic text on my page .But i want to change the position just part of my text to the right and keep the other part on the left

Thanks

#2

Hi,

You can wrap your text in a <div> tag and add inline style css to it.

eg.

<div style="display:block;float:left;width:49%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

<div style="display:block;float:right;width:49%;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<div style="clear:both;"></div>

Hope that helps

#3

Hey,
It works thanks.
If i want to put this text in a frame .
Thanks

#4

Hey There,

<frame> is outdated. It does not even supported in html 5.
https://www.w3schools.com/tags/tag_frame.asp

Regards.

#5

so i’m gonna use a call out .but how can personnalize it?
1/change the police
2/delete the button bellow
3/put some words in bold
4/change the position just part of my text to the right
5/change the color

Thanks

#6

Hi there,

  1. What do you mean the police? Is it the icon? If yes, then you can simply inspect the call out element and change its icon.

  2. As for the button, please add this CSS to your global custom CSS

.no-button .x-btn{
display: none;
}

Then simply add no-button to your call out element’s Class input field.

  1. You have to wrap your text with <strong></strong>, example

Normal text and this is <strong>bolder text</strong>

  1. You can use float styling, these two examples should do

Normal text and this is <strong style="float: right;">bolder text</strong>

Normal text and this is <span style="float: right;">floating to right</span>

  1. Which color? Is it the background? If yes, you can simply add this to your call out element’s Style input field.

background: #ccc;

And change it to your preferred color.

Hope these help.

#7

Thanks it works .
if i want to put the botton on the center of the call-out .?

#8

Hi,

To center button, add a class to your callout element

Then add this in Theme Options> CSS


.my-callout.x-callout {
   text-align:center !important;
}

.my-callout.x-callout .h-callout,
.my-callout.x-callout .p-callout {
   text-align:left !important;
}

Hope that helps.

#9

it works.Thanks

Now i wanna center just the tiettle of the call-out.

#10

Hi there,

Please update this code:

.my-callout.x-callout {
   text-align:center !important;
}

to

.my-callout.x-callout,
.my-callout .h-callout {
   text-align:center !important;
}

Hope this helps.

#11

No sorry it doesn’t work

For the botton it’s OK
But the tittle not on the center.

Thanks.

#12

Hi There,

Remove all the previous custom CSS given for the Callout to avoid conflict. Then set your Callout to LEFT ALIGNMENT, that will align everything to the LEFT.

Then add this to Page CSS to center just the title.

/*Callout center title*/
.my-callout .h-callout {
	text-align: center;
}

Hope that helps,
Cheers!

#13

Hey,

Can you please give me CSS to center the tittle and the botton both of them.

Thanks

#14

Hello There,

Please be advised that you can align the contents of the call out element in the callout element settings.

If you need a css, you may use this:

.x-callout,
.x-callout .h-callout,
.x-callout .p-callout,
.x-callout .x-btn {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

Hope this helps. Please let us know how it goes.

#15

GUYS PLEASE JUST PAY ATTENTION

WHY YOU DON’T READ WHAT I WROTE . EVERYTIME I ASK FOR SOMTHING I GET ANSEWRS FOR OTHER THINGS

I ASKED TO CENTER JUST THE TITLE AND THE BOtTON AND KEEP THE TEXT AT THE LEFT

IT’S CLEAR I THINK

#16

Hey There,

I apologize if you think I did not understand your inquiry. I have replied you with a bunch of css in an indented, clean and in general form. The code will allow you to center the callout, the title of the callout, the text of the callout and the button of the callout. You see I have iterated each of the element so that you will have an option to modify it later on without having to ask us again. You can make use of the selectors in the css to mix up your alignments when needed.

Once again, we do apologize if you think that we are not paying attention and for thinking ahead.

Thank you very much for your understanding.

#17

HEY,

WHY YOU COMPLICATE THINGS BRO ?I CAN’T UNDERSTAND YOUR CODE.I ASKED JUST FOR TWO THINGS : THE TITLE AND BUTTON . WHY YOU GAVE ALL THE OPTIONS.

ANOTHER THING : HOW CAN I CHAGE THE BOTTON BACKGROUND AND TEXT COLOR.

THANKS BRO[quote=“Fayssal90, post:1, topic:24471, full:true”]
Hey,

hey i’m working cornerstone on local.i put a classic text on my page .But i want to change the position just part of my text to the right and keep the other part on the left

Thanks

#18

Hello There,

For the Title and Button:

.x-callout .h-callout,
.x-callout .x-btn {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

Button background color and text:

.x-callout .x-btn {
  background-color: red !important;
  color: green !important;
}

Feel free to change the colors.

#19

Thanks bro ,

Its great: title center + text on the left + i can change button background and text // Thanks for that//

But the button still alaways at the left.How can i center it ?

Thanks

#20

Hi there,

If you are trying to center the callout title and button while having the callout text aligned to the left, you will have to update this code:

.x-callout .h-callout,
.x-callout .x-btn {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

to

.x-callout {
	text-align: center !important;
}

.x-callout .p-callout {
    text-align: left !important;
}