I need help with few custom CSS's

  • Posted in : Photographer
  • Spear
    Participant

    Like my previous support ticket before few days, I need a little more custom CSS helpout from you.

    There are two things.

    Firstly here on this image, I want to make the title “НАЧАЛО” a bit bigger, [section_title align=”center” text=”Начало”] I want to make the size bigger of this. h1,h2 tags don’t affect it, nor bold, also on the BLUE arrows, I want to lower the distance from the text and social icons, it’s too much space between them: https://i.imgur.com/qePmwZm.jpg

    Now for the second thing. I want the titles of the portfolio albums to me centrilized. I want the text on each categorie to be in the center, not to start from left: https://i.imgur.com/kvIWuKX.jpg

    Thank you in advance.

    serkan
    Moderator

    Hi,
    You can use these custom css codes;

    @media screen and (min-width: 768px) { .section-title { font-size: 16px !important; } }
    @media screen and (min-width: 768px) { .site-footer { margin-top: 1em; } }
    @media screen and (min-width: 768px) { .gallery-grid figure h2 {  text-align: center; } }

    Thanks

    Spear
    Participant

    Thanks, I have 2 more questions CSS releated:

    1- How can I make the buttons in the shortcodes, with bigger font, it also doesn’t get affected from h2,h1,b tags? Example of the shortcode: [button text="View" icon="home" url="#"], I want to make the “View” text a bit bigger.

    2- On the page “Home Landing Fades”, how can I make the text centralized, because the title is on the right and the rotating words are on the left, I want it fully centralized.

    Thank you in advance, I’ll surely leave a positive feedback on theme forest, for the best support.

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    a.button {  font-size: 12px; }

    Could you provide me your related url for your second request?
    Thanks

    Spear
    Participant

    It’s not working, the a.button CSS. It didn’t make the button bigger.

    For giving you URL, can you PM me your IP soo I can give you access. The website is closed with “coming soon”.

    serkan
    Moderator

    Hi, You can send login information via our contact form without IP protection. Because I’m on a trip, I can connect from different IP addresses.
    Thanks

    Spear
    Participant

    Done, I have used the contact form, giving the needed details.

    I hope you can finish it till tomorrow, or early tomorrow, since I need it for one presentation.

    Thanks in advance.

    serkan
    Moderator

    Hi, The Visual Break text is exactly centered. It is aligned to the longest word because it has rotated words under it. Custom css code added for the button font.
    Thanks

    Spear
    Participant

    Yeah, but can “Vision Break” text go a bit to the left, soo it can be centralized with the hole text on the rotating words.

    Soo in few words, the text “Vision Break” to go a bit more to the left.

    Thanks in advance! Great support. +1

    serkan
    Moderator

    Hi,
    You can try to use this custom css code;

    @media screen and (min-width: 768px) { .intro h2 strong:first-child { margin-left: -36px; } }

    Thanks

    Spear
    Participant

    No, it’s not working. Stays the same. Any other solution for centrelizing it?

    ANOTHER IMPORTANT THING (maybe the last one):

    I would the margin of the other pages to be like the /nachalo/ (home page)

    Example: /cenorazpis/ page has a small margin and the text does not use the hole screen like in the home page. Giving you a picture, to see what I mean: https://i.imgur.com/qGkrwhQ.png

    I want the margin to be like the home page, which is OK: https://i.imgur.com/qGkrwhQ.png

    Those are the last things, please help me out with them, faster if possible. Thanks in advance.

    Spear
    Participant

    I found a solution with the centrelizing, ignore that request.

    This is the only left:

    “ANOTHER IMPORTANT THING (maybe the last one):

    I would the margin of the other pages to be like the /nachalo/ (home page)

    Example: /cenorazpis/ page has a small margin and the text does not use the hole screen like in the home page. Giving you a picture, to see what I mean: https://i.imgur.com/qGkrwhQ.png

    I want the margin to be like the home page, which is OK: https://i.imgur.com/qGkrwhQ.png

    Those are the last things, please help me out with them, faster if possible. Thanks in advance.”

    serkan
    Moderator

    Hi,
    Please edit your pricing page and under the page attribute which is located on the right-hand side of the page, choose full-width page and save it.
    Thanks

    Spear
    Participant

    Hello, I have sent email from the contact section here, releated another support thing. I need help with something.

    I did not post here for few reasons, you can check my email from “CONTACT” section.

    Thanks in advance for your help! :)

    Spear
    Participant

    I was told to post it here. They gave you login details and URL of the website.:

    Soo it’s about this page: /kontakti/

    I want to reconstruct it in different columns, I tried using few CSS custom codes or editing it with html, but nothing changed. I’ll need your help soo you can give me the CSS code or you can change it directly looking like the image I will show you.

    I want the page to look like this: https://i.imgur.com/NnAhZDP.jpg

    Ignore the colored arrows and the paint texts, just look at the structure in the left and in the right. I want the structure to be like it.

    serkan
    Moderator

    Hi,
    You can check out this related url;
    https://vision-break.com/contact-2/
    I just created a new contact page and added some HTML code to it. So you can copy and modify it.
    Thanks

    Spear
    Participant

    I have another question:

    As you did before using HTML, can you make such page structure, as on this image: https://i.imgur.com/CV1chS7.jpg

    It’s on Bulgarian the text, just get the idea of the structure. The squares are Images and the else is text structure. Please make such demo page with demo info like “lorem etc …” and demo images, soo I can edit it up.

    You have the admin login details from the last time.

    Thanks in advance!

    serkan
    Moderator

    Hi,
    You already have the typography page so you can easily edit it.
    https://vision-break.com/typography/
    Thanks

    Spear
    Participant

    Thank you for all this previous support!

    I have another question:

    On the page /cenorazpis/ the boxes height is different, I tried to make them same with <br></br>, but bad result. I want their height to be the same.

    Check the image, deeply described: https://i.imgur.com/g5Pnx9C.png

    You have the admin details from before. Thank you in advance!

    serkan
    Moderator

    Hi,
    You can try to use this custom css code;

    @media screen and (min-width: 768px) { .pricing-table {  height: 720px; } }

    Thanks

    Spear
    Participant

    Hello again.

    I am contacting you releated a new issues:

    Image: https://i.imgur.com/Tj3IAFV.jpg

    1. On the image you will see 3 buttons “НАПРАВЕТЕ ЗАПИТВАНЕ”, I’ve used paint, making a column, the first 2 buttons are centered, but the 3rd one goes a bit to the left, they should be on same center. Please fix it.

    2. You’ll see on each of the 3 images a red line, could you please make their height a bit smaller, you’ll see the red line, which of the height of the images should be removed.

    3. I’ve marked with circle the texts “Услуга”, whenever I remove this text under the image, the structure gets messed up and the page gets fucked up by structure, it gets messed up. It only shows up if theres atleast 1 symbol on “Услуга”‘s place. I want to remove this text, but the structure to stay the same. You can try removing the text and you’ll see how it gets bugged.

    You have my admin login details from previous talks.

    Thank you in advance! I’m always looking to give you POSITIVE reputation for the best support.

    serkan
    Moderator

    Hi,
    I would recommend you to use the row and column shortcode for this feature. I just made one example at the end of the page.
    I took the paragraph in 9 columns and took the photo in 3 columns. You can build others in a similar structure.
    Thanks

    Spear
    Participant

    Yes, but there is a problem. The image that way is not clickable and it doesn’t show up in whitebox. You know what I mean.

    Please don’t change them next time to English. Check the upper images if you click them.

    With your new shortcode, can I make it clickable and how can I make same shortcode but with the image on the left?

    serkan
    Moderator

    Hi,
    When you add a caption for the image, it will be clickable.
    If you would like to add the image first, swap the shortcodes. I mean column 3 should be the first then add column 8. Or you can set up then as 8 to 4. Totally it should be 12 column.
    Thanks

    Spear
    Participant

    Alright, but look, the buttons are not centralized. Both “Test buttons are on different possition. The first one is centrelized, but the second one is too much on the right.

    Image: https://i.imgur.com/fWMYhCg.png

    serkan
    Moderator

    Hi, If you keep button shortcodes out of the row, the problem will be solved.
    Thanks

    Spear
    Participant

    Alright, I kept them outside and it was centralized fixed.

    But I now checked the images, if you click on them, they don’t show in light box as before, I tried using the [caption .....] [/caption] with the code and it did not work.

    It’s good as it is now, but CAN YOU please make it light box like before, when you click on the images.

    Page: /dopulnitelni-uslugi/

    serkan
    Moderator

    Hi,
    Your images are clickable now.
    Thanks

    Spear
    Participant

    They are clickable, but they don’t show in the same page in a lightbox, if you click them it refferes you to a new link outside the website. It’s not like before.

    I think you understand what is the lightbox.

    Please fix it, I though it was fixed already.

    serkan
    Moderator

    Hi, Please review the typography page again.When I last submitted your page, the lightbox feature was working. If you are translating your website into English, then there may be a problem. Please create a fresh page and edit it or edit the typography page.
    Thanks

    Spear
    Participant

    No, I am not translating anything.

    I haven’t changed anything from your last submit with the rows and columns, the lightbox is just not working.

    Can you please recheck this page /dopulnitelni-uslugi/, you have the admin login details, please fix it.

    Thanks in advance.

    Spear
    Participant

    Hello, can I get a solution, on the upper request? It’s been few days without answer.

    serkan
    Moderator

    Hi, I created a sample earlier with a row and column shortcode. We have an example already on the typography page.
    All you have to do is create a structure similar to it. For security reasons, we do not keep very long time wp-admin information. I would recommend that you create the desired thing using the row and column shortcode shortcodes.

    [row]
    [column width="8"]Content here.
    [/column]
    [column width="4"]Content here.
    [/column]
    [/row]

    Spear
    Participant

    Hello, can you help me with this issue?

    Image: https://i.imgur.com/SZmaQxf.png

    Check on the image that there is too much empty distance on the marked circles, there should be less space on the brown background, after the text has too much.

    You have the link of the website from before and admin panel, if you need it again, tell me soo I can give it to you.

    serkan
    Moderator

    Hi,
    I could not see the image. It is broken.

    Spear
    Participant

    The image is not broken, it’s on imgur, are you sure you open the correct URL, I’m sure the mistake is yours for not seeing the image: https://i.imgur.com/SZmaQxf.png

    serkan
    Moderator

    Hi,
    You can try to use this custom css code;

    .pricing-table h3 {  padding-bottom: 0.1em; }

    Thanks

    Spear
    Participant

    Hello, yes it worked for the previous issue. Thanks

    I have something else to ask now, releated a bit the same.

    Check the image: https://i.imgur.com/K5wQBKH.jpg

    On the page /dopulnitelni-uslugi/ , I want to make the images, all 3 images a bit down, soo they could be alligned with the text on the right and centrelized with them. I have added the description in the image with example.

    I want the image to be a bit down, soo it could fit this red box I made, since now the images are a bit higher than the text. I want simetric.

    Thanks in advance. I am waiting for your solution.

    serkan
    Moderator

    Hi,
    You can try to use this custom css code;

    .page .col-sm-3 p { margin-top: 1.7em; }

    Thanks

    Spear
    Participant

    Can you give me the testimonials shortcode, with the demo testimonials on about-us page, since I changed it before and I lost the shortcode.

    Thank you in advance.

    serkan
    Moderator

    [section_title align=”center” text=”WHAT MY CLIENTS SAY”]

    [row]

    [column width="4"]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [/column]

    [column width="4"]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [/column]

    [column width="4"]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [testimonial image="#" title="" sub_title=""]Text here[/testimonial]

    [/column]

    [/row]

Viewing 41 posts - 1 through 41 (of 41 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register