Add Question Button Size - General Discussions

RE: Add Question Button Size

DursunKaptan — Tue, 09 Jan 2024 07:24:14 +0000

The final version of the custom CSS was as follows. Is this true?

#wpforo-wrap{
font-size: 13px; width: 100%; padding: 10px 0; margin: 0px;
}
#wpforo-wrap{
font-size: 13px; width: 100%; padding: 10px 0; margin: 0px;
}
@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpf1-3 .wpforo-post .wpf-left {width: 35px; font-size: 8px !important;}
#wpforo #wpforo-wrap .wpf1-3 .wpf-positive {font-size: 14px;}
#wpforo #wpforo-wrap .wpf1-3 .wpf-negative {font-size: 14px;}
#wpforo #wpforo-wrap .wpf1-3 .wpf-vote-number {font-size: 14px; line-height: 14px;}
#wpforo #wpforo-wrap .wpf1-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 18px; padding-top: 2px;}
}
#wpforo #wpforo-wrap .wpf1-3 .wpf-head-bar-right .wpf-button {min-width: 200px; height: 50px; font-size: 24px;}

RE: Add Question Button Size

Tutrix — Mon, 08 Jan 2024 16:25:07 +0000

@dursunkaptan

see attachment

question-button.jpg

RE: Add Question Button Size

DursunKaptan — Mon, 08 Jan 2024 15:56:29 +0000

#wpforo-wrap{
font-size: 13px; width: 100%; padding: 10px 0; margin: 0px;
}
@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left {width: 35px; font-size: 8px !important;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-positive {font-size: 14px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-negative {font-size: 14px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-vote-number {font-size: 14px; line-height: 14px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 18px; padding-top: 2px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right {width: calc(100% - 47px);}
}
@media screen and (max-width: 680px) {...}
#wpforo #wpforo-wrap .wpfl-3 .wpf-head-bar-right .wpf-button {min-width: 400px; yükseklik: 100 piksel; yazı tipi boyutu: 24 piksel;}

Will the codes be like above?

RE: Add Question Button Size

Tutrix — Mon, 08 Jan 2024 15:15:30 +0000

@dursunkaptan

do not translate the css code to turkish

#wpforo #wpforo-wrap .wpfl-3 .wpf-head-bar-right .wpf-button {min-width: 400px; yükseklik: 100 piksel; yazı tipi boyutu: 24 piksel;}

and the closing bracket is missing at

@media screen and (max-width: 680px) {...}

RE: Add Question Button Size

Tutrix — Mon, 08 Jan 2024 14:37:43 +0000

@dursunkaptan

The code works (clear browser cache)

Question-Button-Size.png

RE: Add Question Button Size

Macky — Mon, 08 Jan 2024 13:32:54 +0000

@dursunkaptan Did you change the pixel sizes? It goes in the custom CSS, and it should work. Tutrix did mention to adjust the pixels sizes though, so pasting the code wont do anything, you need to change those numbers :) Like this maybe?

#wpforo #wpforo-wrap .wpfl-3 .wpf-head-bar-right .wpf-button {min-width: 400px; height: 100px; font-size: 24px;}

RE: Add Question Button Size

DursunKaptan — Mon, 08 Jan 2024 09:56:18 +0000

@tutrix Where will we put this code? I added it from custom css, nothing changed in the forum.

RE: Add Question Button Size

Tutrix — Sun, 07 Jan 2024 11:38:21 +0000

@dursunkaptan

Example (change the px values as you like)

#wpforo #wpforo-wrap .wpfl-3 .wpf-head-bar-right .wpf-button {min-width: 200px; height: 50px; font-size: 24px;}

RE: Add Question Button Size

adisaputro — Sun, 07 Jan 2024 09:53:16 +0000

You can do that using css, @tutrix

Add Question Button Size

DursunKaptan — Sun, 07 Jan 2024 07:45:08 +0000

Hello
I wonder if I can make the Ask a Question Button in the red area in the picture a little larger. How do we enlarge the ask question button?

Thanks

Ekran-goruntusu-2024-01-06-165129.png