graphic grass1

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.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
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:
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.

More
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?

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
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:
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.

More
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

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
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

Please Log in to join the conversation.

Time to create page: 0.090 seconds
Powered by Kunena Forum