Read more translation

  • Hello,

    Even with Poedit, I haven’t found the way to translate the read more buttons in the latest news section of the home page.

    Have I missed something ?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    Please add this extra CSS code in Customizer -> General Settings -> Additional CSS ?:

    .blog-postcol a.button.blue.small {
    visibility: hidden;
    position: relative;
    }
    .blog-postcol a.button.blue.small::after {
    visibility: visible;
    position: absolute;
    content: “Yourtext”!important;
    color: white !important;
    background: #03a9f4 !important;
    top: 0px !important;
    left: 0px !important;
    padding: 13px 20px;
    border-radius: 4px !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    }

    You need to replace the value of content with your desired text.

    Thread Starter Abracarambar

    (@abracarambar)

    Thank you.

    To keep effects (hover) and have an one line button I modified a bit.

    .blog-postcol a.button.blue.small {
	visibility: hidden;
	position: relative;
}

.blog-postcol a.button.blue.small::after {
	visibility: visible;
	position: absolute;
	content: "Your text"!important;
	color: white !important;
	background: #03a9f4 !important;
	top: 0px !important;
	left: 0px !important;
	padding: 13px 20px;
	border-radius: 4px !important;
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
	width: max-content;
	transition: all 0.2s linear 0s;
}

.blog-postcol a.button.blue.small:hover:after {
	background-color: #0299de!important;
	-moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px!important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px!important;
	box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px!important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Read more translation’ is closed to new replies.