- Posts: 24
- Thank you received: 0
graphic grass1
-
fuhrmann
Active member - Topic Author
- Member
Less
More
2 years 6 months ago #49239
by fuhrmann
Replied by fuhrmann on topic graphic grass1
Thank You,
you ar maybe right.
But if i change the css for the grass1 graphic the graphic goes up in smaller screen. Its not so important, that cou can tead the text in small mobile screen. But it mus be on the same position. I tried many things, but i can't find the right css for it
To change the caroussel its nit the problem. Maybe i do only one image at this position. Or like you say the Swipe Caroussel.
you ar maybe right.
But if i change the css for the grass1 graphic the graphic goes up in smaller screen. Its not so important, that cou can tead the text in small mobile screen. But it mus be on the same position. I tried many things, but i can't find the right css for it
To change the caroussel its nit the problem. Maybe i do only one image at this position. Or like you say the Swipe Caroussel.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6744
- Thank you received: 716
2 years 6 months ago #49241
by milos
Replied by milos on topic graphic grass1
Hello,
You can experiement with background-size and background-position CSS parameters to align your grass1 image. For example, if you change this:
to this:
the image is aligned correctly on my laptop. Now, it should be checked on larger screens. Finally, you check this on mobiles and add necessary media queries that override the above values, and re-position the image properly.
Basically, this:
tells the browser to display the full size of the image.
This:
tells the browser to move the image 130px to the bottom in order to align it with the other element (ground).
Regards,
Milos
You can experiement with background-size and background-position CSS parameters to align your grass1 image. For example, if you change this:
Code:
.messagerow {
width: 100%;
background: url(../images/custom/grass1.png)repeat-x;
margin-top: 650px;
}
to this:
Code:
.messagerow {
width: 100%;
background: url(../images/custom/grass1.png) repeat-x;
margin-top: 650px;
background-position: 0 130px;
background-size: contain;
}
the image is aligned correctly on my laptop. Now, it should be checked on larger screens. Finally, you check this on mobiles and add necessary media queries that override the above values, and re-position the image properly.
Basically, this:
Code:
background-size: contain;
tells the browser to display the full size of the image.
This:
Code:
background-position: 0 130px;
tells the browser to move the image 130px to the bottom in order to align it with the other element (ground).
Regards,
Milos
Please Log in to join the conversation.
-
fuhrmann
Active member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
2 years 6 months ago #49245
by fuhrmann
Replied by fuhrmann on topic graphic grass1
Thank you so much for your explanations.
I will try this....
btw. Where can i change the "readmore" Buttons?
I will try this....
btw. Where can i change the "readmore" Buttons?
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6744
- Thank you received: 716
2 years 6 months ago #49246
by milos
Replied by milos on topic graphic grass1
Hello,
In the template file custom.css find and edit this part:
Regards,
Milos
In the template file custom.css find and edit this part:
Code:
p.readmore a.btn {
display: inline-block;
padding: 15px 45px;
margin-top: 25px;
margin-bottom: 0;
font-size: 14px;
font-weight: 900;
color: #fff;
text-align: center;
background: #8b6139;
border: 0;
text-transform: uppercase;
transition: all .4s;
}
Regards,
Milos
Please Log in to join the conversation.
-
fuhrmann
Active member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
2 years 6 months ago #49247
by fuhrmann
Replied by fuhrmann on topic graphic grass1
Thank You Milos... and where can i change the text "readmore" ?
And then in the featured Articles i can noct hide the "Autor" "Category" in the Options i have all on "hide" but it shows up...
Regards, Michael
And then in the featured Articles i can noct hide the "Autor" "Category" in the Options i have all on "hide" but it shows up...
Regards, Michael
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6744
- Thank you received: 716
2 years 6 months ago #49248
by milos
Replied by milos on topic graphic grass1
Hello,
"Autor", "Category", etc. can be enabled or disabled in 3 places:
1. Global options for the component of the article (Content > Articles > Options).
2. The article itself and
3. The menu item that shows this page (this has priority).
To change the "Read more" text, you should create a language override. Go to System > Manage > Language Overrides. Select language (Site) and click New. In Language Constant enter JGLOBAL_READ_MORE and in the Text enter your text.
Regards,
Milos
"Autor", "Category", etc. can be enabled or disabled in 3 places:
1. Global options for the component of the article (Content > Articles > Options).
2. The article itself and
3. The menu item that shows this page (this has priority).
To change the "Read more" text, you should create a language override. Go to System > Manage > Language Overrides. Select language (Site) and click New. In Language Constant enter JGLOBAL_READ_MORE and in the Text enter your text.
Regards,
Milos
Please Log in to join the conversation.
Time to create page: 0.090 seconds