Recent
Categories
View Replies (9)

Question about "J51 Beaumont" fine-tune

  1. Issue
0
Votes
Undo
  1. Timer
    Timer
  3. Commercial Templates
  4. Sunday, 03 June 2018
  5.  Subscribe via email
Hello J51 Team!

Sorry for my bad english! So, I have some questions about J51 Beaumont template. I would like fine-tune this template, but I could not find a good solution to these problems:

- How can I increse the distance between the rows in article names? These articles are on mainpage. (pls see the attached picture)

- How can I change the color of the date text in category list view, independent of the base text color? (pls. see the attached picture).

Thank you for your help!

Regards,

Timer
Attachments (2)
changing_the_color.JPG changing_the_color.JPG
improve_the_distance.JPG improve_the_distance.JPG
References
  1. http://www.szilady-rfc.hu/hu/index.php
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Timer

1. Presuming I understand you correctly, to amend you can add the following to the Custom CSS field of your templates..

.item-title, .page-header {

    padding: 15px 0px;

}


2. Would you have a URL directly to an example of this list?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Timer
Timer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

Thank you for your reply, but the code it was not effective! ;( Please, check the site now, and you can see my problem in mainpage at "TESZT ÍRÁS 2, HOGY LÁTSZÓDJON, AMIRE SZÜKSÉGÜNK VAN"! The characters are covered with each other! :(

"2. Would you have a URL directly to an example of this list?"

Yepp, the second link demonstrates the problem. And, what is the "%"character on table header? :)

Thank you for your help!:)
References
  1. http://www.szilady-rfc.hu/hu/index.php/
  2. http://www.szilady-rfc.hu/hu/index.php/archiv
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Timer

1. Thank you. To amend the line-height you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.item-title, .page-header {

    line-height: 1.2em;

}


2. To amend you can also add the following to your templates Custom CSS field...

.table-striped tbody > tr:nth-child(2n+1) > td, 

.table-striped tbody > tr:nth-child(2n+1) > th {

    color: #000;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Timer
Timer
Accepted Answer Pending Moderation
0
Votes
Undo
Very-very thanks, Ciaran, working like a charm! ;)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Timer
Timer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán!

Just one more question: can I add background image to my site with this template? I would like to change the static blue background color to an image, primariliy on the side area of the template.
Attachments (1)
background.jpg background.jpg
References
  1. http://www.szilady-rfc.hu/hu/
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly, you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste...

body {

    background-image: url("/hu/images/headers/7.jpg");

    background-size: cover;

    background-attachment: fixed;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Timer
Timer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran!

Thank you for your reply! Unfortunately, this was not effective, I didn't see any change, after I pasted the code in Custom CSS field, and save. I tried to force page update, another browser, but nothing happened! :(

I think, you understand me well! But, I'll show you a page, what would be the goal! Look at the buildings in the background.
References
  1. http://www.elekingatlan.com
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Opps... my fault. I left out the first line of the CSS. The corrected CSS is...

body {

    background-image: url("/hu/images/headers/7.jpg");

    background-size: cover;

    background-attachment: fixed;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Timer
Timer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, Ciaran, it is working! :D

Have a nice day!;)
Attachments (1)
final_rfc.JPG final_rfc.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!