Blockquote Custom Design?

Posted in: Newspaper
Post count: 40

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

Post count: 23312

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!

Post count: 40

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

Post count: 23312

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!

Post count: 40

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;
}
}

Post count: 23312

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!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.