Hello,
I do have a question how can I accomplish to change your Blockquote into that one in this theme?
http://baseballaustria.com/bla-baseball-hochschaubahn-im-prater/
Regards,
Lukas
Hi Lukas,
You should customize it yourself via FTP way, as you can see here -> https://www.screencast.com/t/68vuUqH1TKy Also, you should use the Inspector browser like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello,
thank you very much. It works like a charm.
But I do have a question how may I integrate this with mobile version aswell?
Lukas
Hello TheLuckyGuy,
I do not exactly understand what you want to achieve? Notice that the blockquote is applied on mobile version as you can see here -> https://www.screencast.com/t/5Abz4O21aovP
Thanks for your understanding!
I changed the design of the Blockquote. But it won’t display on the mobile theme.
.td_block_related_posts .td-related-right {
display:none;
}
.td-main-menu-logo img {
margin-top: 5px;
}
.-hd-los-game-slider .-hd-los-game-slider-game.-hd-label-LIVE {
background-color: #2e7d32;
}
.text-bellow-footer{
width:100%;
height:90%;
background:#222222;
color:#666666;
font-size: 70%;
}
.td_block_related_posts .td-related-right {
display:none;
}
blockquote {
font-size: 20px;
line-height: 30px;
text-align: left;
margin: 0;
text-transform: inherit;
}
blockquote:before {
content: "\f205";
font-family: "dashicons";
font-style: normal;
position: absolute;
left: -1.25em;
font-size: 2em;
top: -0.5em;
color: #2e7d32;
display: block;
}
blockquote p {
font-size: 20px !important;
line-height: 30px !important;
color: #4d4d4d !important;
text-align: left !important;
text-transform: inherit !important;
}
@media all and (max-width: 992px) {
blockquote:before {
left: -1em;
}
}
@media all and (max-width: 640px) {
blockquote:before {
top: -30px;
left: -25px;
}
}
Hello TheLuckyGuy,
Please notice that if you will use the Mobile Theme all of your code will be overwritten by this plugin, sorry! You should disable the mobile theme and use the General Responsive Mobile version of the theme if you want to customize this style.
Thanks for your understanding!